@toptal/picasso 42.7.3 → 43.0.0

package/Autocomplete/use-autocomplete/index.js.map

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

package/Autocomplete/use-autocomplete/use-autocomplete.d.ts

@@ -1,68 +0,0 @@
- 
-import type { MouseEvent, KeyboardEvent, ChangeEvent, FocusEventHandler, Ref } from 'react';
-import type { Item, ChangedOptions } from '../types';
-export declare const EMPTY_INPUT_VALUE = "";
-export declare const INITIAL_HIGHLIGHT_INDEX = 0;
-export declare const normalizeInitialIndex: ({ initialIndex, itemCount, moveAmount, }: {
-    initialIndex: number;
-    itemCount: number;
-    moveAmount: number;
-}) => number;
-/**
- * Returns the new index in the list, in a circular way. If next value is out of bonds from the total,
- * it will wrap to either 0 or itemCount - 1.
- *
- * @param {number} moveAmount Number of positions to move. Negative to move backwards, positive forwards.
- * @param {number} initialIndex The initial position to move from.
- * @param {number} itemCount The total number of items.
- * @returns {number} The new index after the move.
- */
-export declare const getNextWrappingIndex: (moveAmount: number, initialIndex: number, itemCount: number) => number;
-export interface Props {
-    value: string;
-    options?: Item[] | null;
-    onSelect?: (item: Item, event: MouseEvent | KeyboardEvent) => void;
-    onOtherOptionSelect?: (value: string, event: MouseEvent | KeyboardEvent) => void;
-    onResetClick?: (event: MouseEvent<HTMLButtonElement & HTMLAnchorElement>) => void;
-    onChange?: (value: string, options: ChangedOptions) => void;
-    onKeyDown?: (event: KeyboardEvent<HTMLInputElement>, inputValue: string) => void;
-    onFocus?: FocusEventHandler<HTMLInputElement>;
-    onBlur?: FocusEventHandler<HTMLInputElement>;
-    getDisplayValue: (item: Item | null) => string;
-    closeOnSelect?: boolean;
-    enableReset?: boolean;
-    showOtherOption?: boolean;
-    disabled?: boolean;
-    ref?: Ref<HTMLInputElement>;
-}
-export declare const useAutocomplete: ({ value, options, closeOnSelect, onChange, onKeyDown, onFocus, onBlur, onSelect, onOtherOptionSelect, onResetClick, getDisplayValue, enableReset, showOtherOption, disabled, ref, }: Props) => {
-    getItemProps: (index: number, item: Item) => {
-        onClick: (event: MouseEvent) => void;
-        role: string;
-        'aria-selected': boolean;
-        selected: boolean;
-        onMouseMove: () => void;
-        onMouseDown: (event: React.MouseEvent) => void;
-    };
-    getOtherItemProps: (index: number, newValue: string) => {
-        onClick: (event: MouseEvent) => void;
-        role: string;
-        'aria-selected': boolean;
-        selected: boolean;
-        onMouseMove: () => void;
-        onMouseDown: (event: React.MouseEvent) => void;
-    };
-    getInputProps: () => {
-        'aria-autocomplete': "both" | "none" | "inline" | "list" | undefined;
-        onFocus: FocusEventHandler<HTMLInputElement>;
-        onClick: () => void;
-        onChange: (event: ChangeEvent<HTMLTextAreaElement | HTMLInputElement | HTMLSelectElement>) => void;
-        onKeyDown: (event: KeyboardEvent<HTMLInputElement>) => void;
-        onBlur: FocusEventHandler<HTMLInputElement>;
-        enableReset: boolean | undefined;
-        onResetClick: (event: MouseEvent<HTMLButtonElement & HTMLAnchorElement>) => void;
-    };
-    isOpen: boolean;
-    highlightedIndex: number;
-    shouldShowOtherOption: boolean;
-};

package/Autocomplete/use-autocomplete/use-autocomplete.js

@@ -1,189 +0,0 @@
-/* eslint-disable complexity, max-statements */ // Squiggly lines makes code difficult to work with
-import { useState, useEffect, useMemo } from 'react';
-export const EMPTY_INPUT_VALUE = '';
-export const INITIAL_HIGHLIGHT_INDEX = 0;
-export const normalizeInitialIndex = ({ initialIndex, itemCount, moveAmount, }) => {
-    const outOfBounds = initialIndex < 0 || initialIndex >= itemCount;
-    if (outOfBounds) {
-        const lastIndex = itemCount - 1;
-        return moveAmount > 0 ? -1 : lastIndex + 1;
-    }
-    return initialIndex;
-};
-/**
- * Returns the new index in the list, in a circular way. If next value is out of bonds from the total,
- * it will wrap to either 0 or itemCount - 1.
- *
- * @param {number} moveAmount Number of positions to move. Negative to move backwards, positive forwards.
- * @param {number} initialIndex The initial position to move from.
- * @param {number} itemCount The total number of items.
- * @returns {number} The new index after the move.
- */
-export const getNextWrappingIndex = (moveAmount, initialIndex, itemCount) => {
-    const lastIndex = itemCount - 1;
-    const normalizedInitialIndex = normalizeInitialIndex({
-        initialIndex,
-        itemCount,
-        moveAmount,
-    });
-    const newIndex = normalizedInitialIndex + moveAmount;
-    if (newIndex < 0) {
-        return lastIndex;
-    }
-    if (newIndex > lastIndex) {
-        return 0;
-    }
-    return newIndex;
-};
-export const useAutocomplete = ({ value, options = [], closeOnSelect = true, onChange = () => { }, onKeyDown = () => { }, onFocus = () => { }, onBlur = () => { }, onSelect = () => { }, onOtherOptionSelect = () => { }, onResetClick = () => { }, getDisplayValue, enableReset, showOtherOption, disabled = false, ref, }) => {
-    const [isOpen, setOpen] = useState(false);
-    const [highlightedIndex, setHighlightedIndex] = useState(INITIAL_HIGHLIGHT_INDEX);
-    const selectedIndex = useMemo(() => value && Array.isArray(options)
-        ? options.findIndex(option => getDisplayValue(option) === value)
-        : null, [getDisplayValue, options, value]);
-    useEffect(() => {
-        if (!isOpen) {
-            const newHighlightedIndex = selectedIndex && selectedIndex !== -1 ? selectedIndex : 0;
-            if (newHighlightedIndex !== highlightedIndex) {
-                setHighlightedIndex(newHighlightedIndex);
-            }
-        }
-    }, [isOpen, selectedIndex, highlightedIndex]);
-    useEffect(() => {
-        if (typeof ref === 'function' || !isOpen || !(ref === null || ref === void 0 ? void 0 : ref.current)) {
-            return;
-        }
-        if (document.activeElement !== ref.current) {
-            ref.current.focus();
-        }
-    }, [isOpen, ref]);
-    const shouldShowOtherOption = Boolean(showOtherOption) && selectedIndex === -1;
-    const handleChange = (newValue, isSelected = false) => {
-        if (newValue !== value) {
-            onChange(newValue, { isSelected });
-        }
-    };
-    const handleSelect = (item, event) => {
-        const displayValue = getDisplayValue(item);
-        if (item === null || displayValue === null) {
-            return;
-        }
-        onSelect(item, event);
-    };
-    const getBaseItemProps = (index) => ({
-        role: 'option',
-        'aria-selected': highlightedIndex === index,
-        selected: highlightedIndex === index,
-        onMouseMove: () => {
-            if (index === highlightedIndex) {
-                return;
-            }
-            setHighlightedIndex(index);
-        },
-        onMouseDown: (event) => {
-            // This prevents the activeElement from being changed
-            // to the item so it can remain with the current activeElement
-            // which is a more common use case.
-            event.preventDefault();
-        },
-    });
-    const getItemProps = (index, item) => (Object.assign(Object.assign({}, getBaseItemProps(index)), { onClick: (event) => {
-            if (closeOnSelect) {
-                setOpen(false);
-            }
-            handleChange(getDisplayValue(item), true);
-            handleSelect(item, event);
-        } }));
-    const getOtherItemProps = (index, newValue) => (Object.assign(Object.assign({}, getBaseItemProps(index)), { onClick: (event) => {
-            if (closeOnSelect) {
-                setOpen(false);
-            }
-            onOtherOptionSelect(newValue, event);
-        } }));
-    const handleClick = () => {
-        if (isOpen || disabled) {
-            return;
-        }
-        setOpen(true);
-    };
-    const handleBlur = event => {
-        setOpen(false);
-        onBlur(event);
-    };
-    const getInputProps = () => ({
-        'aria-autocomplete': 'list',
-        onFocus,
-        onClick: handleClick,
-        onChange: (event) => {
-            setOpen(true);
-            handleChange(event.target.value);
-        },
-        onKeyDown: (event) => {
-            var _a;
-            onKeyDown(event, value);
-            const optionsCount = (options === null || options === void 0 ? void 0 : options.length) || 0;
-            const otherOptionsCount = shouldShowOtherOption ? 1 : 0;
-            const itemsCount = optionsCount + otherOptionsCount;
-            if (event.key === 'ArrowUp') {
-                event.preventDefault();
-                setOpen(true);
-                setHighlightedIndex(getNextWrappingIndex(-1, highlightedIndex, itemsCount));
-            }
-            if (event.key === 'ArrowDown') {
-                event.preventDefault();
-                setOpen(true);
-                setHighlightedIndex(getNextWrappingIndex(1, highlightedIndex, itemsCount));
-            }
-            if (event.key === 'Backspace') {
-                if (value !== EMPTY_INPUT_VALUE) {
-                    return;
-                }
-                if (closeOnSelect) {
-                    setOpen(false);
-                }
-                handleChange(getDisplayValue(null));
-            }
-            if (event.key === 'Enter') {
-                event.preventDefault();
-                if (!isOpen) {
-                    setOpen(true);
-                    return;
-                }
-                if (closeOnSelect) {
-                    setOpen(false);
-                }
-                const findSelectedItemUsingIndex = () => highlightedIndex === null ? undefined : options === null || options === void 0 ? void 0 : options[highlightedIndex];
-                const findSelectedItemUsingValue = () => options === null || options === void 0 ? void 0 : options.find(option => option.text === value);
-                const selectedItem = (_a = findSelectedItemUsingIndex()) !== null && _a !== void 0 ? _a : findSelectedItemUsingValue();
-                if (selectedItem) {
-                    handleChange(getDisplayValue(selectedItem), true);
-                    handleSelect(selectedItem, event);
-                }
-                else if (value) {
-                    onOtherOptionSelect(value, event);
-                }
-            }
-            if (event.key === 'Escape') {
-                event.preventDefault();
-                setOpen(false);
-                handleChange(getDisplayValue(null));
-            }
-        },
-        onBlur: handleBlur,
-        enableReset,
-        onResetClick: (event) => {
-            event.stopPropagation();
-            handleChange(getDisplayValue(null));
-            onResetClick(event);
-        },
-    });
-    return {
-        getItemProps,
-        getOtherItemProps,
-        getInputProps,
-        isOpen,
-        highlightedIndex,
-        shouldShowOtherOption,
-    };
-};
-//# sourceMappingURL=use-autocomplete.js.map

package/Autocomplete/use-autocomplete/use-autocomplete.js.map

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

package/Avatar/Avatar.d.ts

@@ -1,33 +0,0 @@
-import type { HTMLAttributes } from 'react';
-import React from 'react';
-import type { StandardProps, SizeType } from '@toptal/picasso-shared';
-export interface Props extends StandardProps, HTMLAttributes<HTMLDivElement> {
-    /** Alt text */
-    alt?: string;
-    /** User full name to display initials on the avatar */
-    name?: string;
-    /** Size */
-    size?: SizeType<'xxsmall' | 'xsmall' | 'small' | 'medium' | 'large'>;
-    /** Photo url */
-    src?: string;
-    /** Variant of the avatar shape */
-    variant?: 'square' | 'portrait' | 'landscape';
-    /** Callback to show edit-on-click and receive event */
-    onEdit?: (event: React.MouseEvent) => void;
-    testIds?: {
-        wrapper?: string;
-        icon?: string;
-        image?: string;
-        text?: string;
-        editContainer?: string;
-    };
-}
-export declare const Avatar: {
-    (props: Props): JSX.Element;
-    defaultProps: {
-        size: string;
-        variant: string;
-    };
-    displayName: string;
-};
-export default Avatar;

package/Avatar/Avatar.js

@@ -1,76 +0,0 @@
-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 React, { useCallback } from 'react';
-import { makeStyles } from '@material-ui/core/styles';
-import { AVATAR_INITIALS_LIMIT } from '../utils/constants';
-import getNameInitials from '../utils/get-name-initials';
-import ImageAvatar from './ImageAvatar/ImageAvatar';
-import TextAvatar from './TextAvatar/TextAvatar';
-import IconAvatar from './IconAvatar/IconAvatar';
-import AvatarWrapper from './AvatarWrapper/AvatarWrapper';
-import AvatarEditContainer from './AvatarEditContainer/AvatarEditContainer';
-import styles from './styles';
-const useStyles = makeStyles(styles, {
-    name: 'PicassoAvatarWrapper',
-});
-export const Avatar = (props) => {
-    const { alt, src, className, name, size, style, variant, testIds, onEdit, 'data-private': dataPrivate } = props, rest = __rest(props, ["alt", "src", "className", "name", "size", "style", "variant", "testIds", "onEdit", 'data-private']);
-    const renderAvatar = useCallback(() => {
-        if (src) {
-            return (React.createElement(ImageAvatar, { alt: alt, className: className, name: name, 
-                /* eslint-disable-next-line @typescript-eslint/no-non-null-assertion */
-                size: size, src: src, style: style, "data-testid": testIds === null || testIds === void 0 ? void 0 : testIds.image, "data-private": dataPrivate }));
-        }
-        if (name) {
-            const initials = getNameInitials(name);
-            const isLongText = initials.length >= AVATAR_INITIALS_LIMIT;
-            return (React.createElement(TextAvatar, { className: className, fontSize: isLongText ? 'small' : 'large', 
-                /* eslint-disable-next-line @typescript-eslint/no-non-null-assertion */
-                size: size, "data-testid": testIds === null || testIds === void 0 ? void 0 : testIds.text, "data-private": dataPrivate }, initials));
-        }
-        return (React.createElement(IconAvatar, { "data-testid": testIds === null || testIds === void 0 ? void 0 : testIds.icon, className: className, 
-            /* eslint-disable-next-line @typescript-eslint/no-non-null-assertion */
-            size: size }));
-    }, [
-        size,
-        alt,
-        className,
-        src,
-        testIds === null || testIds === void 0 ? void 0 : testIds.icon,
-        testIds === null || testIds === void 0 ? void 0 : testIds.image,
-        testIds === null || testIds === void 0 ? void 0 : testIds.text,
-        name,
-        style,
-    ]);
-    const classes = useStyles(props);
-    const isEditable = Boolean(onEdit);
-    const avatar = (React.createElement(AvatarWrapper
-    /* eslint-disable-next-line @typescript-eslint/no-non-null-assertion */
-    , Object.assign({ 
-        /* eslint-disable-next-line @typescript-eslint/no-non-null-assertion */
-        variant: variant, 
-        /* eslint-disable-next-line @typescript-eslint/no-non-null-assertion */
-        size: size, "data-testid": testIds === null || testIds === void 0 ? void 0 : testIds.wrapper }, rest), renderAvatar()));
-    if (isEditable) {
-        return (React.createElement("div", { className: classes.editableAvatarContainer },
-            avatar,
-            isEditable && (React.createElement(AvatarEditContainer, { "data-testid": testIds === null || testIds === void 0 ? void 0 : testIds.editContainer, onClick: onEdit, size: size }))));
-    }
-    return avatar;
-};
-Avatar.defaultProps = {
-    size: 'xsmall',
-    variant: 'square',
-};
-Avatar.displayName = 'Avatar';
-export default Avatar;
-//# sourceMappingURL=Avatar.js.map

package/Avatar/Avatar.js.map

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

package/Avatar/AvatarEditContainer/AvatarEditContainer.d.ts

@@ -1,15 +0,0 @@
-import React from 'react';
-import type { BaseProps, SizeType } from '@toptal/picasso-shared';
-export interface Props extends BaseProps {
-    size?: SizeType<'xxsmall' | 'xsmall' | 'small' | 'medium' | 'large'>;
-    disabled?: boolean;
-    onClick?: (event: React.MouseEvent) => void;
-}
-export declare const AvatarEditContainer: {
-    (props: Props): JSX.Element;
-    displayName: string;
-    defaultProps: {
-        size: string;
-    };
-};
-export default AvatarEditContainer;

package/Avatar/AvatarEditContainer/AvatarEditContainer.js

@@ -1,36 +0,0 @@
-import React, { useState } from 'react';
-import { capitalize, makeStyles } from '@material-ui/core';
-import cx from 'classnames';
-import styles from './styles';
-import { Pencil16, Pencil24 } from '../../Icon';
-import { AVATAR_DROPZONE_SVG_SHAPES } from '../../AvatarDropzoneSvg';
-const useStyles = makeStyles(styles, {
-    name: 'PicassoDropzoneSvg',
-});
-export const AvatarEditContainer = (props) => {
-    const { size = 'small', onClick, 'data-testid': dataTestId } = props;
-    const [focused, setFocused] = useState(false);
-    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-    const shapes = AVATAR_DROPZONE_SVG_SHAPES[size];
-    const classes = useStyles();
-    const PencilIconComponent = size === 'xxsmall' || size === 'xsmall' ? Pencil16 : Pencil24;
-    const handleFocus = () => {
-        setFocused(true);
-    };
-    const handleBlur = () => {
-        setFocused(false);
-    };
-    return (React.createElement("button", { className: cx(classes.root, classes[`root${capitalize(size)}`]), "data-testid": dataTestId, onClick: onClick, onFocus: handleFocus, onBlur: handleBlur },
-        React.createElement("svg", { className: cx(classes.svg, classes[`svg${capitalize(size)}`]), fill: 'none', xmlns: 'http://www.w3.org/2000/svg' },
-            React.createElement("path", { className: classes.background, fillRule: 'evenodd', clipRule: 'evenodd', d: shapes.background }),
-            React.createElement("path", { className: cx(classes.outline, {
-                    [classes.focused]: focused,
-                }), fillRule: 'evenodd', clipRule: 'evenodd', d: shapes.outline, strokeOpacity: '.48', strokeWidth: '3', strokeLinejoin: 'round' })),
-        React.createElement(PencilIconComponent, { className: classes.pencilIcon })));
-};
-AvatarEditContainer.displayName = 'AvatarEditContainer';
-AvatarEditContainer.defaultProps = {
-    size: 'small',
-};
-export default AvatarEditContainer;
-//# sourceMappingURL=AvatarEditContainer.js.map

package/Avatar/AvatarEditContainer/AvatarEditContainer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AvatarEditContainer.js","sourceRoot":"","sources":["../../../src/Avatar/AvatarEditContainer/AvatarEditContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEvC,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AAE1D,OAAO,EAAE,MAAM,YAAY,CAAA;AAE3B,OAAO,MAAM,MAAM,UAAU,CAAA;AAC7B,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAC/C,OAAO,EAAE,0BAA0B,EAAE,MAAM,yBAAyB,CAAA;AAQpE,MAAM,SAAS,GAAG,UAAU,CAAQ,MAAM,EAAE;IAC1C,IAAI,EAAE,oBAAoB;CAC3B,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,KAAY,EAAE,EAAE;IAClD,MAAM,EAAE,IAAI,GAAG,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,GAAG,KAAK,CAAA;IACpE,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAE7C,oEAAoE;IACpE,MAAM,MAAM,GAAG,0BAA0B,CAAC,IAAK,CAAC,CAAA;IAEhD,MAAM,OAAO,GAAG,SAAS,EAAE,CAAA;IAE3B,MAAM,mBAAmB,GACvB,IAAI,KAAK,SAAS,IAAI,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAA;IAE/D,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,UAAU,CAAC,IAAI,CAAC,CAAA;IAClB,CAAC,CAAA;IAED,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,UAAU,CAAC,KAAK,CAAC,CAAA;IACnB,CAAC,CAAA;IAED,OAAO,CACL,gCACE,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC,OAAO,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,iBAClD,UAAU,EACvB,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,WAAW,EACpB,MAAM,EAAE,UAAU;QAElB,6BACE,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,EAAE,OAAO,CAAC,MAAM,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,EAC7D,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B;YAElC,8BACE,SAAS,EAAE,OAAO,CAAC,UAAU,EAC7B,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAE,MAAM,CAAC,UAAU,GACpB;YACF,8BACE,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,OAAO,EAAE;oBAC7B,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,OAAO;iBAC3B,CAAC,EACF,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAE,MAAM,CAAC,OAAO,EACjB,aAAa,EAAC,KAAK,EACnB,WAAW,EAAC,GAAG,EACf,cAAc,EAAC,OAAO,GACtB,CACE;QACN,oBAAC,mBAAmB,IAAC,SAAS,EAAE,OAAO,CAAC,UAAU,GAAI,CAC/C,CACV,CAAA;AACH,CAAC,CAAA;AAED,mBAAmB,CAAC,WAAW,GAAG,qBAAqB,CAAA;AAEvD,mBAAmB,CAAC,YAAY,GAAG;IACjC,IAAI,EAAE,OAAO;CACd,CAAA;AAED,eAAe,mBAAmB,CAAA"}

package/Avatar/AvatarEditContainer/styles.d.ts

@@ -1,3 +0,0 @@
-import type { Theme } from '@material-ui/core/styles';
-declare const _default: ({ palette, zIndex }: Theme) => import("@material-ui/styles").StyleRules<{}, "background" | "outline" | "root" | "svg" | "focused" | "rootXxsmall" | "rootXsmall" | "rootSmall" | "rootMedium" | "rootLarge" | "svgXxsmall" | "svgXsmall" | "svgSmall" | "svgMedium" | "svgLarge" | "pencilIcon">;
-export default _default;

package/Avatar/AvatarEditContainer/styles.js

@@ -1,80 +0,0 @@
-import { createStyles } from '@material-ui/core/styles';
-import { alpha } from '@toptal/picasso-shared';
-export default ({ palette, zIndex }) => {
-    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-    const hoverColor = alpha(palette.grey.darker, 0.7);
-    return createStyles({
-        root: {
-            border: 'none',
-            cursor: 'pointer',
-            position: 'absolute',
-            left: 0,
-            top: 0,
-            display: 'flex',
-            justifyContent: 'center',
-            alignItems: 'center',
-            outline: 'none',
-            background: 'transparent',
-        },
-        rootXxsmall: {
-            width: '32px',
-            height: '32px',
-        },
-        rootXsmall: {
-            width: '40px',
-            height: '40px',
-        },
-        rootSmall: {
-            width: '80px',
-            height: '80px',
-        },
-        rootMedium: {
-            width: '120px',
-            height: '120px',
-        },
-        rootLarge: {
-            width: '160px',
-            height: '160px',
-        },
-        svg: {
-            margin: '-3px',
-            position: 'absolute',
-        },
-        svgXxsmall: {
-            width: '38px',
-            height: '38px', // +6px for outline
-        },
-        svgXsmall: {
-            width: '46px',
-            height: '46px', // +6px for outline
-        },
-        svgSmall: {
-            width: '86px',
-            height: '86px', // +6px for outline
-        },
-        svgMedium: {
-            width: '126px',
-            height: '126px', // +6px for outline
-        },
-        svgLarge: {
-            width: '166px',
-            height: '166px', // +6px for outline
-        },
-        background: {
-            fill: hoverColor,
-        },
-        outline: {
-            display: 'none',
-            stroke: palette.blue.main,
-            '&$focused': {
-                display: 'initial',
-            },
-        },
-        pencilIcon: {
-            color: palette.common.white,
-            zIndex: zIndex.tooltip,
-        },
-        focused: {},
-    });
-};
-//# sourceMappingURL=styles.js.map

package/Avatar/AvatarEditContainer/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/Avatar/AvatarEditContainer/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AACvD,OAAO,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAA;AAE9C,eAAe,CAAC,EAAE,OAAO,EAAE,MAAM,EAAS,EAAE,EAAE;IAC5C,oEAAoE;IACpE,MAAM,UAAU,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,MAAO,EAAE,GAAG,CAAC,CAAA;IAEnD,OAAO,YAAY,CAAC;QAClB,IAAI,EAAE;YACJ,MAAM,EAAE,MAAM;YACd,MAAM,EAAE,SAAS;YACjB,QAAQ,EAAE,UAAU;YACpB,IAAI,EAAE,CAAC;YACP,GAAG,EAAE,CAAC;YACN,OAAO,EAAE,MAAM;YACf,cAAc,EAAE,QAAQ;YACxB,UAAU,EAAE,QAAQ;YACpB,OAAO,EAAE,MAAM;YACf,UAAU,EAAE,aAAa;SAC1B;QACD,WAAW,EAAE;YACX,KAAK,EAAE,MAAM;YACb,MAAM,EAAE,MAAM;SACf;QACD,UAAU,EAAE;YACV,KAAK,EAAE,MAAM;YACb,MAAM,EAAE,MAAM;SACf;QACD,SAAS,EAAE;YACT,KAAK,EAAE,MAAM;YACb,MAAM,EAAE,MAAM;SACf;QACD,UAAU,EAAE;YACV,KAAK,EAAE,OAAO;YACd,MAAM,EAAE,OAAO;SAChB;QACD,SAAS,EAAE;YACT,KAAK,EAAE,OAAO;YACd,MAAM,EAAE,OAAO;SAChB;QAED,GAAG,EAAE;YACH,MAAM,EAAE,MAAM;YACd,QAAQ,EAAE,UAAU;SACrB;QACD,UAAU,EAAE;YACV,KAAK,EAAE,MAAM;YACb,MAAM,EAAE,MAAM,EAAE,mBAAmB;SACpC;QACD,SAAS,EAAE;YACT,KAAK,EAAE,MAAM;YACb,MAAM,EAAE,MAAM,EAAE,mBAAmB;SACpC;QACD,QAAQ,EAAE;YACR,KAAK,EAAE,MAAM;YACb,MAAM,EAAE,MAAM,EAAE,mBAAmB;SACpC;QACD,SAAS,EAAE;YACT,KAAK,EAAE,OAAO;YACd,MAAM,EAAE,OAAO,EAAE,mBAAmB;SACrC;QACD,QAAQ,EAAE;YACR,KAAK,EAAE,OAAO;YACd,MAAM,EAAE,OAAO,EAAE,mBAAmB;SACrC;QAED,UAAU,EAAE;YACV,IAAI,EAAE,UAAU;SACjB;QAED,OAAO,EAAE;YACP,OAAO,EAAE,MAAM;YACf,MAAM,EAAE,OAAO,CAAC,IAAI,CAAC,IAAI;YAEzB,WAAW,EAAE;gBACX,OAAO,EAAE,SAAS;aACnB;SACF;QAED,UAAU,EAAE;YACV,KAAK,EAAE,OAAO,CAAC,MAAM,CAAC,KAAK;YAC3B,MAAM,EAAE,MAAM,CAAC,OAAO;SACvB;QAED,OAAO,EAAE,EAAE;KACZ,CAAC,CAAA;AACJ,CAAC,CAAA"}

package/Avatar/AvatarWrapper/AvatarWrapper.d.ts

@@ -1,9 +0,0 @@
-import type { ReactNode } from 'react';
-import type { BaseProps, SizeType } from '@toptal/picasso-shared';
-export interface Props extends BaseProps {
-    children: ReactNode;
-    size: SizeType<'xxsmall' | 'xsmall' | 'small' | 'medium' | 'large'>;
-    variant: 'square' | 'portrait' | 'landscape';
-}
-declare const AvatarWrapper: (props: Props) => JSX.Element;
-export default AvatarWrapper;

package/Avatar/AvatarWrapper/AvatarWrapper.js

@@ -1,16 +0,0 @@
-import React from 'react';
-import { makeStyles } from '@material-ui/core/styles';
-import cx from 'classnames';
-import styles, { getCornerClassName, getSizeClassName } from './styles';
-const useStyles = makeStyles(styles, {
-    name: 'PicassoAvatarWrapper',
-});
-const AvatarWrapper = (props) => {
-    const { children, className, style, 'data-testid': dataTestId, size, variant, } = props;
-    const classes = useStyles();
-    const sizeClassName = getSizeClassName(size, variant);
-    const cornerClassName = getCornerClassName(size);
-    return (React.createElement("div", { style: style, "data-testid": dataTestId, className: cx(className, classes.root, classes[sizeClassName], classes[cornerClassName]) }, children));
-};
-export default AvatarWrapper;
-//# sourceMappingURL=AvatarWrapper.js.map

package/Avatar/AvatarWrapper/AvatarWrapper.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AvatarWrapper.js","sourceRoot":"","sources":["../../../src/Avatar/AvatarWrapper/AvatarWrapper.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAErD,OAAO,EAAE,MAAM,YAAY,CAAA;AAE3B,OAAO,MAAM,EAAE,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAA;AAQvE,MAAM,SAAS,GAAG,UAAU,CAAQ,MAAM,EAAE;IAC1C,IAAI,EAAE,sBAAsB;CAC7B,CAAC,CAAA;AAEF,MAAM,aAAa,GAAG,CAAC,KAAY,EAAE,EAAE;IACrC,MAAM,EACJ,QAAQ,EACR,SAAS,EACT,KAAK,EACL,aAAa,EAAE,UAAU,EACzB,IAAI,EACJ,OAAO,GACR,GAAG,KAAK,CAAA;IACT,MAAM,OAAO,GAAG,SAAS,EAAE,CAAA;IAE3B,MAAM,aAAa,GAAG,gBAAgB,CAAC,IAAI,EAAE,OAAO,CAAC,CAAA;IACrD,MAAM,eAAe,GAAG,kBAAkB,CAAC,IAAI,CAAC,CAAA;IAEhD,OAAO,CACL,6BACE,KAAK,EAAE,KAAK,iBACC,UAAU,EACvB,SAAS,EAAE,EAAE,CACX,SAAS,EACT,OAAO,CAAC,IAAI,EACZ,OAAO,CAAC,aAAa,CAAC,EACtB,OAAO,CAAC,eAAe,CAAC,CACzB,IAEA,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,aAAa,CAAA"}

package/Avatar/AvatarWrapper/styles.d.ts

@@ -1,6 +0,0 @@
-import type { SizeType } from '@toptal/picasso-shared';
-import type { Theme } from '@material-ui/core/styles';
-declare const _default: ({ palette }: Theme) => import("@material-ui/styles").StyleRules<{}, "root">;
-export default _default;
-export declare const getSizeClassName: (size: SizeType<'xxsmall' | 'xsmall' | 'small' | 'medium' | 'large'>, variant: 'square' | 'portrait' | 'landscape') => string;
-export declare const getCornerClassName: (size: SizeType<'xxsmall' | 'xsmall' | 'small' | 'medium' | 'large'>) => string;

package/Avatar/AvatarWrapper/styles.js

@@ -1,63 +0,0 @@
-import { createStyles } from '@material-ui/core/styles';
-import capitalize from '@material-ui/core/utils/capitalize';
-const SETTINGS = {
-    xxsmall: {
-        dimensions: 2,
-        cornerSize: '0.5em',
-    },
-    xsmall: {
-        dimensions: 2.5,
-        cornerSize: '0.5em',
-    },
-    small: {
-        dimensions: 5,
-        cornerSize: '1em',
-    },
-    medium: {
-        dimensions: 7.5,
-        cornerSize: '1.5em',
-    },
-    large: {
-        dimensions: 10,
-        cornerSize: '1.5em',
-    },
-};
-const VARIANTS = ['square', 'portrait', 'landscape'];
-const sizeClassNames = Object.entries(SETTINGS).reduce((classNames, [size, { dimensions }]) => {
-    VARIANTS.forEach(variant => {
-        const className = `size${capitalize(size)}${capitalize(variant)}`;
-        const ratio = size === 'large' ? 3 / 4 : 2 / 3;
-        const widthRatio = variant === 'portrait' ? ratio : 1;
-        const heightRatio = variant === 'landscape' ? ratio : 1;
-        classNames[className] = {
-            width: `${dimensions * widthRatio}em`,
-            height: `${dimensions * heightRatio}em`,
-        };
-    });
-    return classNames;
-}, {});
-const cornerClassNames = Object.entries(SETTINGS).reduce((classNames, [size, { cornerSize }]) => {
-    const className = `corner${capitalize(size)}`;
-    const clipPath = `polygon(0 0, 100% 0, 100% 100%, ${cornerSize} 100%, 0 calc(100% - ${cornerSize}))`;
-    classNames[className] = {
-        clipPath,
-        // we can remove this prefix as soon as this issue will
-        // be resolved - https://github.com/cssinjs/css-vendor/issues/74
-        '-webkit-clip-path': clipPath,
-    };
-    return classNames;
-}, {});
-export default ({ palette }) => createStyles(Object.assign(Object.assign({ root: {
-        position: 'relative',
-        backgroundColor: palette.grey.main,
-        fontSize: '1rem',
-        flexShrink: 0,
-        flexGrow: 0,
-    } }, sizeClassNames), cornerClassNames));
-export const getSizeClassName = (size, variant) => {
-    return `size${capitalize(size)}${capitalize(variant)}`;
-};
-export const getCornerClassName = (size) => {
-    return `corner${capitalize(size)}`;
-};
-//# sourceMappingURL=styles.js.map