@toptal/picasso 19.4.1 → 21.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (37) hide show
  1. package/Button/styles.d.ts +1 -1
  2. package/ButtonGroupItem/styles.d.ts +1 -1
  3. package/Calendar/styles.d.ts +1 -1
  4. package/Dropzone/styles.d.ts +1 -1
  5. package/FileInput/FileInput.d.ts +5 -1
  6. package/FileInput/FileInput.js +2 -2
  7. package/FileInput/FileInput.js.map +1 -1
  8. package/FileListItem/FileListItem.js +1 -1
  9. package/FileListItem/FileListItem.js.map +1 -1
  10. package/MenuItem/styles.d.ts +1 -1
  11. package/ModalContent/styles.d.ts +1 -1
  12. package/OutlinedInput/styles.d.ts +1 -1
  13. package/PageContent/styles.d.ts +1 -1
  14. package/PageTopBar/styles.d.ts +1 -1
  15. package/PageTopBarMenu/styles.d.ts +1 -1
  16. package/RichText/hooks/useRichText/useRichText.js +5 -3
  17. package/RichText/hooks/useRichText/useRichText.js.map +1 -1
  18. package/RichTextEditor/hooks/useOnFocus/useOnFocus.js +0 -1
  19. package/RichTextEditor/hooks/useOnFocus/useOnFocus.js.map +1 -1
  20. package/Section/styles.d.ts +1 -1
  21. package/Sidebar/styles.d.ts +1 -1
  22. package/SidebarItem/styles.d.ts +1 -1
  23. package/TableRow/styles.d.ts +1 -1
  24. package/Tag/styles.d.ts +1 -1
  25. package/TimelineRow/styles.d.ts +1 -1
  26. package/Tooltip/Tooltip.d.ts +0 -3
  27. package/Tooltip/Tooltip.js +5 -13
  28. package/Tooltip/Tooltip.js.map +1 -1
  29. package/Tooltip/styles.d.ts +1 -1
  30. package/Tooltip/styles.js +7 -45
  31. package/Tooltip/styles.js.map +1 -1
  32. package/Typography/styles.d.ts +1 -1
  33. package/TypographyOverflow/TypographyOverflow.d.ts +1 -3
  34. package/TypographyOverflow/TypographyOverflow.js +2 -2
  35. package/TypographyOverflow/TypographyOverflow.js.map +1 -1
  36. package/UserBadge/styles.d.ts +1 -1
  37. package/package.json +4 -3
@@ -36,5 +36,5 @@ export declare const createVariant: (mainColor: string, { palette }: Theme) => {
36
36
  backgroundColor: string | undefined;
37
37
  };
38
38
  };
39
- declare const _default: (theme: Theme) => import("@material-ui/styles").StyleRules<{}, "content" | "transparent" | "hidden" | "medium" | "large" | "small" | "icon" | "active" | "disabled" | "root" | "focusVisible" | "focused" | "fullWidth" | "primary" | "secondary" | "loader" | "negative" | "positive" | "hovered" | "iconLeft" | "iconRight">;
39
+ declare const _default: (theme: Theme) => import("@material-ui/styles").StyleRules<{}, "content" | "transparent" | "hidden" | "medium" | "large" | "small" | "icon" | "active" | "disabled" | "root" | "focusVisible" | "fullWidth" | "focused" | "primary" | "secondary" | "loader" | "negative" | "positive" | "hovered" | "iconLeft" | "iconRight">;
40
40
  export default _default;
@@ -1,3 +1,3 @@
1
1
  import { Theme } from '@material-ui/core/styles';
2
- declare const _default: (theme: Theme) => import("@material-ui/styles").StyleRules<{}, "active" | "disabled" | "root" | "group" | "focused" | "hovered">;
2
+ declare const _default: (theme: Theme) => import("@material-ui/styles").StyleRules<{}, "active" | "disabled" | "root" | "focused" | "group" | "hovered">;
3
3
  export default _default;
@@ -1,3 +1,3 @@
1
1
  import { Theme } from '@material-ui/core/styles';
2
- declare const _default: ({ palette, shadows }: Theme) => import("@material-ui/styles").StyleRules<{}, "disabled" | "root" | "month" | "week" | "selected" | "day" | "weekDays" | "weekDay" | "actions" | "selectable" | "startSelection" | "endSelection" | "today" | "grayed">;
2
+ declare const _default: ({ palette, shadows }: Theme) => import("@material-ui/styles").StyleRules<{}, "disabled" | "root" | "selected" | "actions" | "month" | "week" | "day" | "weekDays" | "weekDay" | "selectable" | "startSelection" | "endSelection" | "today" | "grayed">;
3
3
  export default _default;
@@ -1,3 +1,3 @@
1
1
  import { Theme } from '@material-ui/core/styles';
2
- declare const _default: ({ palette, sizes, transitions }: Theme) => import("@material-ui/styles").StyleRules<{}, "disabled" | "error" | "root" | "focused" | "hovered" | "hint" | "completed" | "dragActive">;
2
+ declare const _default: ({ palette, sizes, transitions }: Theme) => import("@material-ui/styles").StyleRules<{}, "disabled" | "error" | "root" | "focused" | "completed" | "hovered" | "hint" | "dragActive">;
3
3
  export default _default;
@@ -1,4 +1,4 @@
1
- import React from 'react';
1
+ import React, { FocusEventHandler } from 'react';
2
2
  import { BaseProps } from '@toptal/picasso-shared';
3
3
  import { FileUpload } from './types';
4
4
  export interface Props extends BaseProps {
@@ -16,6 +16,10 @@ export interface Props extends BaseProps {
16
16
  onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
17
17
  /** Callback invoked when a file item is removed */
18
18
  onRemove?: (fileName: string, index: number) => void;
19
+ /** Focus event handler */
20
+ onFocus?: FocusEventHandler<HTMLDivElement>;
21
+ /** Blur event handler */
22
+ onBlur?: FocusEventHandler<HTMLDivElement>;
19
23
  }
20
24
  export declare const FileInput: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLInputElement>>;
21
25
  export default FileInput;
@@ -8,14 +8,14 @@ import { useCombinedRefs } from '../utils';
8
8
  import styles from './styles';
9
9
  const useStyles = makeStyles(styles, { name: 'FileInputContent' });
10
10
  export const FileInput = forwardRef(function FileInput(props, ref) {
11
- const { accept, disabled, value, hint, maxFiles = 1, onChange, onRemove } = props;
11
+ const { accept, disabled, value, hint, maxFiles = 1, onChange, onRemove, onFocus, onBlur } = props;
12
12
  const classes = useStyles();
13
13
  const isUnlimitedFiles = maxFiles === null;
14
14
  const preventAddingNewFiles = !isUnlimitedFiles && value && value.length === maxFiles;
15
15
  // if `ref` is null then we need a ref to control the input
16
16
  // so we create another ref manually if needed and merge both of them
17
17
  const inputRef = useCombinedRefs(ref, useRef(null));
18
- return (React.createElement(Container, { className: classes.root },
18
+ return (React.createElement(Container, { onFocus: onFocus, onBlur: onBlur, className: classes.root },
19
19
  React.createElement(Button, { size: 'small', variant: 'secondary', disabled: Boolean(disabled || preventAddingNewFiles), onClick: () => inputRef.current && inputRef.current.click() }, "Choose File"),
20
20
  React.createElement("input", { type: 'file', className: classes.nativeInput, ref: inputRef, accept: accept, onChange: onChange, multiple: isUnlimitedFiles }),
21
21
  hint && React.createElement(FormHint, { className: classes.hint }, hint),
@@ -1 +1 @@
1
- {"version":3,"file":"FileInput.js","sourceRoot":"","sources":["../../src/FileInput/FileInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AACjD,OAAO,EAAE,UAAU,EAAS,MAAM,0BAA0B,CAAA;AAG5D,OAAO,QAAQ,MAAM,aAAa,CAAA;AAClC,OAAO,SAAS,MAAM,cAAc,CAAA;AACpC,OAAO,MAAM,MAAM,WAAW,CAAA;AAC9B,OAAO,QAAQ,MAAM,aAAa,CAAA;AAClC,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAE1C,OAAO,MAAM,MAAM,UAAU,CAAA;AAmB7B,MAAM,SAAS,GAAG,UAAU,CAAQ,MAAM,EAAE,EAAE,IAAI,EAAE,kBAAkB,EAAE,CAAC,CAAA;AAEzE,MAAM,CAAC,MAAM,SAAS,GAAG,UAAU,CAA0B,SAAS,SAAS,CAC7E,KAAK,EACL,GAAG;IAEH,MAAM,EACJ,MAAM,EACN,QAAQ,EACR,KAAK,EACL,IAAI,EACJ,QAAQ,GAAG,CAAC,EACZ,QAAQ,EACR,QAAQ,EACT,GAAG,KAAK,CAAA;IAET,MAAM,OAAO,GAAG,SAAS,EAAE,CAAA;IAC3B,MAAM,gBAAgB,GAAG,QAAQ,KAAK,IAAI,CAAA;IAC1C,MAAM,qBAAqB,GACzB,CAAC,gBAAgB,IAAI,KAAK,IAAI,KAAK,CAAC,MAAM,KAAK,QAAQ,CAAA;IAEzD,2DAA2D;IAC3D,qEAAqE;IACrE,MAAM,QAAQ,GAAG,eAAe,CAC9B,GAAG,EACH,MAAM,CAAmB,IAAI,CAAC,CAC/B,CAAA;IAED,OAAO,CACL,oBAAC,SAAS,IAAC,SAAS,EAAE,OAAO,CAAC,IAAI;QAChC,oBAAC,MAAM,IACL,IAAI,EAAC,OAAO,EACZ,OAAO,EAAC,WAAW,EACnB,QAAQ,EAAE,OAAO,CAAC,QAAQ,IAAI,qBAAqB,CAAC,EACpD,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,OAAO,IAAI,QAAQ,CAAC,OAAO,CAAC,KAAK,EAAE,kBAGpD;QAET,+BACE,IAAI,EAAC,MAAM,EACX,SAAS,EAAE,OAAO,CAAC,WAAW,EAC9B,GAAG,EAAE,QAAQ,EACb,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,gBAAgB,GAC1B;QACD,IAAI,IAAI,oBAAC,QAAQ,IAAC,SAAS,EAAE,OAAO,CAAC,IAAI,IAAG,IAAI,CAAY;QAC5D,KAAK,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,CAC5B,oBAAC,SAAS,IAAC,GAAG,EAAC,QAAQ;YACrB,oBAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,YAAY,EAAE,QAAQ,GAAI,CAC5D,CACb,CACS,CACb,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,SAAS,CAAC,YAAY,GAAG;IACvB,QAAQ,EAAE,CAAC;CACZ,CAAA;AAED,SAAS,CAAC,WAAW,GAAG,WAAW,CAAA;AAEnC,eAAe,SAAS,CAAA"}
1
+ {"version":3,"file":"FileInput.js","sourceRoot":"","sources":["../../src/FileInput/FileInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,EAAqB,MAAM,OAAO,CAAA;AACpE,OAAO,EAAE,UAAU,EAAS,MAAM,0BAA0B,CAAA;AAG5D,OAAO,QAAQ,MAAM,aAAa,CAAA;AAClC,OAAO,SAAS,MAAM,cAAc,CAAA;AACpC,OAAO,MAAM,MAAM,WAAW,CAAA;AAC9B,OAAO,QAAQ,MAAM,aAAa,CAAA;AAClC,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAE1C,OAAO,MAAM,MAAM,UAAU,CAAA;AAuB7B,MAAM,SAAS,GAAG,UAAU,CAAQ,MAAM,EAAE,EAAE,IAAI,EAAE,kBAAkB,EAAE,CAAC,CAAA;AAEzE,MAAM,CAAC,MAAM,SAAS,GAAG,UAAU,CAA0B,SAAS,SAAS,CAC7E,KAAK,EACL,GAAG;IAEH,MAAM,EACJ,MAAM,EACN,QAAQ,EACR,KAAK,EACL,IAAI,EACJ,QAAQ,GAAG,CAAC,EACZ,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,MAAM,EACP,GAAG,KAAK,CAAA;IAET,MAAM,OAAO,GAAG,SAAS,EAAE,CAAA;IAC3B,MAAM,gBAAgB,GAAG,QAAQ,KAAK,IAAI,CAAA;IAC1C,MAAM,qBAAqB,GACzB,CAAC,gBAAgB,IAAI,KAAK,IAAI,KAAK,CAAC,MAAM,KAAK,QAAQ,CAAA;IAEzD,2DAA2D;IAC3D,qEAAqE;IACrE,MAAM,QAAQ,GAAG,eAAe,CAC9B,GAAG,EACH,MAAM,CAAmB,IAAI,CAAC,CAC/B,CAAA;IAED,OAAO,CACL,oBAAC,SAAS,IAAC,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,CAAC,IAAI;QAClE,oBAAC,MAAM,IACL,IAAI,EAAC,OAAO,EACZ,OAAO,EAAC,WAAW,EACnB,QAAQ,EAAE,OAAO,CAAC,QAAQ,IAAI,qBAAqB,CAAC,EACpD,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,OAAO,IAAI,QAAQ,CAAC,OAAO,CAAC,KAAK,EAAE,kBAGpD;QAET,+BACE,IAAI,EAAC,MAAM,EACX,SAAS,EAAE,OAAO,CAAC,WAAW,EAC9B,GAAG,EAAE,QAAQ,EACb,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,gBAAgB,GAC1B;QACD,IAAI,IAAI,oBAAC,QAAQ,IAAC,SAAS,EAAE,OAAO,CAAC,IAAI,IAAG,IAAI,CAAY;QAC5D,KAAK,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,CAC5B,oBAAC,SAAS,IAAC,GAAG,EAAC,QAAQ;YACrB,oBAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,YAAY,EAAE,QAAQ,GAAI,CAC5D,CACb,CACS,CACb,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,SAAS,CAAC,YAAY,GAAG;IACvB,QAAQ,EAAE,CAAC;CACZ,CAAA;AAED,SAAS,CAAC,WAAW,GAAG,WAAW,CAAA;AAEnC,eAAe,SAAS,CAAA"}
@@ -28,7 +28,7 @@ const FileListItem = ({ file, index, disabled, onRemove, testIds }) => {
28
28
  React.createElement(Attachment16, { color: 'darkGrey' }))),
29
29
  React.createElement(Typography, { className: classes.label, variant: 'body', size: 'medium', color: error ? 'red' : 'black' }, name)),
30
30
  React.createElement(Typography, { className: classes.error, variant: 'body', size: 'xsmall', color: 'red' }, error)),
31
- onRemove && (React.createElement(Tooltip, { compact: true, placement: 'top', variant: 'dark', content: error ? 'Dismiss' : 'Remove File' },
31
+ onRemove && (React.createElement(Tooltip, { compact: true, placement: 'top', content: error ? 'Dismiss' : 'Remove File' },
32
32
  React.createElement(Button.Circular, { variant: 'flat', onClick: handleRemove, disabled: disabled }, error ? React.createElement(CloseMinor16, { color: 'red' }) : React.createElement(Trash16, { color: 'red' }))))));
33
33
  return (React.createElement(Container, { flex: true, direction: 'row', alignItems: 'center', justifyContent: 'space-between', className: cx(classes.root) }, uploading && error === undefined ? uploadingNode : fileNode));
34
34
  };
@@ -1 +1 @@
1
- {"version":3,"file":"FileListItem.js","sourceRoot":"","sources":["../../src/FileListItem/FileListItem.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"FileListItem.js","sourceRoot":"","sources":["../../src/FileListItem/FileListItem.tsx"],"names":[],"mappings":"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"}
@@ -1,3 +1,3 @@
1
1
  import { Theme } from '@material-ui/core/styles';
2
- declare const _default: ({ typography, palette, shadows }: Theme) => import("@material-ui/styles").StyleRules<{}, "content" | "dark" | "light" | "disabled" | "root" | "selected" | "paper" | "nonSelectable" | "stringContent" | "stringContentSmall" | "stringContentMedium" | "stringContentSemibold" | "guttersSmall" | "guttersMedium" | "iconContainer" | "description">;
2
+ declare const _default: ({ typography, palette, shadows }: Theme) => import("@material-ui/styles").StyleRules<{}, "content" | "dark" | "light" | "disabled" | "root" | "selected" | "paper" | "iconContainer" | "nonSelectable" | "stringContent" | "stringContentSmall" | "stringContentMedium" | "stringContentSemibold" | "guttersSmall" | "guttersMedium" | "description">;
3
3
  export default _default;
@@ -1,3 +1,3 @@
1
1
  import { Theme } from '@material-ui/core';
2
- declare const _default: ({ palette }: Theme) => import("@material-ui/styles").StyleRules<{}, "modalContent" | "wrapper" | "topShade" | "bottomShade">;
2
+ declare const _default: ({ palette }: Theme) => import("@material-ui/styles").StyleRules<{}, "wrapper" | "modalContent" | "topShade" | "bottomShade">;
3
3
  export default _default;
@@ -1,3 +1,3 @@
1
1
  import { Theme } from '@material-ui/core/styles';
2
- declare const _default: ({ palette, sizes: { input } }: Theme) => import("@material-ui/styles").StyleRules<{}, "hidden" | "input" | "root" | "focused" | "notchedOutline" | "inputMultiline" | "rootSmall" | "rootMedium" | "rootLarge" | "rootFull" | "rootShrink" | "rootAuto" | "inputSmall" | "inputMedium" | "inputLarge" | "resetButton" | "resetButtonDirty" | "rootDark" | "notchedOutlineDark" | "inputDark">;
2
+ declare const _default: ({ palette, sizes: { input } }: Theme) => import("@material-ui/styles").StyleRules<{}, "hidden" | "input" | "root" | "focused" | "inputMultiline" | "notchedOutline" | "rootSmall" | "rootMedium" | "rootLarge" | "rootFull" | "rootShrink" | "rootAuto" | "inputSmall" | "inputMedium" | "inputLarge" | "resetButton" | "resetButtonDirty" | "rootDark" | "notchedOutlineDark" | "inputDark">;
3
3
  export default _default;
@@ -1,3 +1,3 @@
1
1
  import { Theme } from '@material-ui/core/styles';
2
- declare const _default: ({ layout, palette }: Theme) => import("@material-ui/styles").StyleRules<{}, "content" | "flex" | "root" | "fullWidth" | "wide" | "hasSidebar">;
2
+ declare const _default: ({ layout, palette }: Theme) => import("@material-ui/styles").StyleRules<{}, "content" | "flex" | "hasSidebar" | "root" | "fullWidth" | "wide">;
3
3
  export default _default;
@@ -3,5 +3,5 @@ export declare const headerHeight: {
3
3
  default: string;
4
4
  smallAndMedium: string;
5
5
  };
6
- declare const _default: ({ palette, layout, zIndex, screens }: Theme) => import("@material-ui/styles").StyleRules<{}, "content" | "left" | "right" | "dark" | "light" | "root" | "fullWidth" | "logoContainer" | "logo" | "divider" | "wrapper" | "wide" | "dividerBlue">;
6
+ declare const _default: ({ palette, layout, zIndex, screens }: Theme) => import("@material-ui/styles").StyleRules<{}, "content" | "left" | "right" | "dark" | "light" | "root" | "wrapper" | "fullWidth" | "divider" | "logoContainer" | "logo" | "wide" | "dividerBlue">;
7
7
  export default _default;
@@ -1,3 +1,3 @@
1
1
  import { Theme } from '@material-ui/core/styles';
2
- declare const _default: ({ screens }: Theme) => import("@material-ui/styles").StyleRules<{}, "content" | "name" | "xsmall" | "paper" | "avatar" | "arrow" | "contentUserBadge" | "truncateText">;
2
+ declare const _default: ({ screens }: Theme) => import("@material-ui/styles").StyleRules<{}, "content" | "name" | "avatar" | "paper" | "arrow" | "xsmall" | "contentUserBadge" | "truncateText">;
3
3
  export default _default;
@@ -38,19 +38,21 @@ const componentMap = {
38
38
  ul: Ul
39
39
  };
40
40
  const picassoMapper = (child) => {
41
+ var _a, _b;
41
42
  if (!isValidElement(child)) {
42
43
  return child;
43
44
  }
44
45
  const type = componentMap[child.type] || child.type;
45
- const mappedChildren = child.props.children.map(picassoMapper);
46
+ const mappedChildren = (_b = (_a = child.props.children) === null || _a === void 0 ? void 0 : _a.map(picassoMapper)) !== null && _b !== void 0 ? _b : null;
46
47
  return createElement(type, { key: child.key }, mappedChildren);
47
48
  };
48
49
  const useRichText = (value) => {
49
50
  const mappedTextNodes = useMemo(() => {
50
- if (!value.children) {
51
+ const { children: astChildren } = value;
52
+ if (!(astChildren === null || astChildren === void 0 ? void 0 : astChildren.length)) {
51
53
  return null;
52
54
  }
53
- const isSingleChild = value.children.length === 1;
55
+ const isSingleChild = astChildren.length === 1;
54
56
  const reactElement = toH(createElement, value);
55
57
  if (isSingleChild) {
56
58
  return picassoMapper(reactElement);
@@ -1 +1 @@
1
- {"version":3,"file":"useRichText.js","sourceRoot":"","sources":["../../../../src/RichText/hooks/useRichText/useRichText.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"useRichText.js","sourceRoot":"","sources":["../../../../src/RichText/hooks/useRichText/useRichText.tsx"],"names":[],"mappings":"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"}
@@ -3,7 +3,6 @@ import { actions as toolbarActions } from '../../store/toolbar';
3
3
  const useOnFocus = ({ autoFocus, editorRef, toolbarRef, wrapperRef, onFocus, onBlur, dispatch }) => {
4
4
  const [isEditorFocused, setIsEditorFocused] = useState(autoFocus);
5
5
  const handleFocus = useCallback((e) => {
6
- console.log('focus');
7
6
  if (!editorRef.current || !toolbarRef.current || !wrapperRef) {
8
7
  return;
9
8
  }
@@ -1 +1 @@
1
- {"version":3,"file":"useOnFocus.js","sourceRoot":"","sources":["../../../../src/RichTextEditor/hooks/useOnFocus/useOnFocus.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAE7C,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,qBAAqB,CAAA;AAa/D,MAAM,UAAU,GAAG,CAAC,EAClB,SAAS,EACT,SAAS,EACT,UAAU,EACV,UAAU,EACV,OAAO,EACP,MAAM,EACN,QAAQ,EACF,EAAE,EAAE;IACV,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAA;IAEjE,MAAM,WAAW,GAAG,WAAW,CAC7B,CAAC,CAAmC,EAAE,EAAE;QACtC,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,CAAA;QACpB,IAAI,CAAC,SAAS,CAAC,OAAO,IAAI,CAAC,UAAU,CAAC,OAAO,IAAI,CAAC,UAAU,EAAE;YAC5D,OAAM;SACP;QAED,cAAc,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC,KAAK,CAAC,CAAA;QAE3C,MAAM,YAAY,GAAG,CAAC,CAAC,MAAc,CAAA;QACrC,MAAM,uBAAuB,GAAG,UAAU,CAAC,OAAO,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAA;QAEzE,IAAI,uBAAuB,EAAE;YAC3B,OAAM;SACP;QAED,kBAAkB,CAAC,IAAI,CAAC,CAAA;QAExB,OAAO,EAAE,CAAA;IACX,CAAC,EACD,CAAC,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,UAAU,CAAC,CACvD,CAAA;IAED,MAAM,UAAU,GAAG,WAAW,CAC5B,CAAC,CAAmC,EAAE,EAAE;QACtC,IAAI,CAAC,UAAU,CAAC,OAAO,IAAI,CAAC,SAAS,CAAC,OAAO,EAAE;YAC7C,OAAM;SACP;QAED,MAAM,YAAY,GAAG,CAAC,CAAC,aAAqB,CAAA;QAE5C,MAAM,uBAAuB,GAAG,UAAU,CAAC,OAAO,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAA;QACzE,MAAM,sBAAsB,GAAG,SAAS,CAAC,OAAO,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAA;QACvE,MAAM,qBAAqB,GAAG,UAAU,CAAC,OAAO,KAAK,YAAY,CAAA;QAEjE,IACE,uBAAuB;YACvB,sBAAsB;YACtB,qBAAqB,EACrB;YACA,OAAM;SACP;QAED,cAAc,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,CAAA;QAE1C,cAAc,CAAC,WAAW,CAAC,QAAQ,CAAC,EAAE,CAAA;QAEtC,kBAAkB,CAAC,KAAK,CAAC,CAAA;QAEzB,MAAM,EAAE,CAAA;IACV,CAAC,EACD,CAAC,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,UAAU,CAAC,CACtD,CAAA;IAED,OAAO;QACL,eAAe;QACf,WAAW;QACX,UAAU;KACX,CAAA;AACH,CAAC,CAAA;AAED,eAAe,UAAU,CAAA"}
1
+ {"version":3,"file":"useOnFocus.js","sourceRoot":"","sources":["../../../../src/RichTextEditor/hooks/useOnFocus/useOnFocus.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAE7C,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,qBAAqB,CAAA;AAa/D,MAAM,UAAU,GAAG,CAAC,EAClB,SAAS,EACT,SAAS,EACT,UAAU,EACV,UAAU,EACV,OAAO,EACP,MAAM,EACN,QAAQ,EACF,EAAE,EAAE;IACV,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAA;IAEjE,MAAM,WAAW,GAAG,WAAW,CAC7B,CAAC,CAAmC,EAAE,EAAE;QACtC,IAAI,CAAC,SAAS,CAAC,OAAO,IAAI,CAAC,UAAU,CAAC,OAAO,IAAI,CAAC,UAAU,EAAE;YAC5D,OAAM;SACP;QAED,cAAc,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC,KAAK,CAAC,CAAA;QAE3C,MAAM,YAAY,GAAG,CAAC,CAAC,MAAc,CAAA;QACrC,MAAM,uBAAuB,GAAG,UAAU,CAAC,OAAO,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAA;QAEzE,IAAI,uBAAuB,EAAE;YAC3B,OAAM;SACP;QAED,kBAAkB,CAAC,IAAI,CAAC,CAAA;QAExB,OAAO,EAAE,CAAA;IACX,CAAC,EACD,CAAC,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,UAAU,CAAC,CACvD,CAAA;IAED,MAAM,UAAU,GAAG,WAAW,CAC5B,CAAC,CAAmC,EAAE,EAAE;QACtC,IAAI,CAAC,UAAU,CAAC,OAAO,IAAI,CAAC,SAAS,CAAC,OAAO,EAAE;YAC7C,OAAM;SACP;QAED,MAAM,YAAY,GAAG,CAAC,CAAC,aAAqB,CAAA;QAE5C,MAAM,uBAAuB,GAAG,UAAU,CAAC,OAAO,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAA;QACzE,MAAM,sBAAsB,GAAG,SAAS,CAAC,OAAO,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAA;QACvE,MAAM,qBAAqB,GAAG,UAAU,CAAC,OAAO,KAAK,YAAY,CAAA;QAEjE,IACE,uBAAuB;YACvB,sBAAsB;YACtB,qBAAqB,EACrB;YACA,OAAM;SACP;QAED,cAAc,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,CAAA;QAE1C,cAAc,CAAC,WAAW,CAAC,QAAQ,CAAC,EAAE,CAAA;QAEtC,kBAAkB,CAAC,KAAK,CAAC,CAAA;QAEzB,MAAM,EAAE,CAAA;IACV,CAAC,EACD,CAAC,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,UAAU,CAAC,CACtD,CAAA;IAED,OAAO;QACL,eAAe;QACf,WAAW;QACX,UAAU;KACX,CAAA;AACH,CAAC,CAAA;AAED,eAAe,UAAU,CAAA"}
@@ -1,3 +1,3 @@
1
1
  import { Theme } from '@material-ui/core';
2
- declare const _default: ({ sizes, palette }: Theme) => import("@material-ui/styles").StyleRules<{}, "default" | "title" | "root" | "bordered" | "actions" | "subtitle" | "collapsed" | "withHeaderBar" | "defaultHeader" | "borderedHeader" | "withHeaderBarHeader" | "defaultCollapsedHeader" | "borderedCollapsedHeader" | "withHeaderBarCollapsedHeader">;
2
+ declare const _default: ({ sizes, palette }: Theme) => import("@material-ui/styles").StyleRules<{}, "default" | "title" | "root" | "subtitle" | "actions" | "bordered" | "collapsed" | "withHeaderBar" | "defaultHeader" | "borderedHeader" | "withHeaderBarHeader" | "defaultCollapsedHeader" | "borderedCollapsedHeader" | "withHeaderBarCollapsedHeader">;
3
3
  export default _default;
@@ -1,3 +1,3 @@
1
1
  import { Theme } from '@material-ui/core/styles';
2
- declare const _default: ({ palette, screens, zIndex }: Theme) => import("@material-ui/styles").StyleRules<{}, "dark" | "light" | "root" | "responsiveWrapper" | "responsiveWrapperContent" | "spacer">;
2
+ declare const _default: ({ palette, screens, zIndex }: Theme) => import("@material-ui/styles").StyleRules<{}, "dark" | "light" | "root" | "spacer" | "responsiveWrapper" | "responsiveWrapperContent">;
3
3
  export default _default;
@@ -1,3 +1,3 @@
1
1
  import { Theme } from '@material-ui/core/styles';
2
- declare const _default: ({ palette, sizes }: Theme) => import("@material-ui/styles").StyleRules<{}, "content" | "dark" | "light" | "label" | "root" | "expandIcon" | "selected" | "noWrap" | "roundedBorder" | "withIcon" | "collapsibleWrapper" | "nestedMenu" | "nestedMenuWithIcon" | "lightExpandIcon" | "darkExpandIcon" | "expandIconDisabled" | "collapsible">;
2
+ declare const _default: ({ palette, sizes }: Theme) => import("@material-ui/styles").StyleRules<{}, "content" | "dark" | "light" | "label" | "root" | "selected" | "expandIcon" | "noWrap" | "roundedBorder" | "withIcon" | "collapsibleWrapper" | "nestedMenu" | "nestedMenuWithIcon" | "lightExpandIcon" | "darkExpandIcon" | "expandIconDisabled" | "collapsible">;
3
3
  export default _default;
@@ -1,3 +1,3 @@
1
1
  import { Theme } from '@material-ui/core/styles';
2
- declare const _default: ({ palette, sizes, transitions }: Theme) => import("@material-ui/styles").StyleRules<{}, "root" | "bordered" | "selected" | "stripeEven" | "hover">;
2
+ declare const _default: ({ palette, sizes, transitions }: Theme) => import("@material-ui/styles").StyleRules<{}, "root" | "selected" | "hover" | "bordered" | "stripeEven">;
3
3
  export default _default;
package/Tag/styles.d.ts CHANGED
@@ -1,4 +1,4 @@
1
1
  import { Theme } from '@material-ui/core/styles';
2
2
  import '../Chip/styles';
3
- declare const _default: ({ palette, transitions }: Theme) => import("@material-ui/styles").StyleRules<{}, "blue" | "green" | "red" | "yellow" | "disabled" | "label" | "root" | "hovered" | "clickable" | "deleteIcon" | "innerLabel" | "connection" | "checkable">;
3
+ declare const _default: ({ palette, transitions }: Theme) => import("@material-ui/styles").StyleRules<{}, "blue" | "green" | "red" | "yellow" | "disabled" | "label" | "root" | "clickable" | "deleteIcon" | "hovered" | "innerLabel" | "connection" | "checkable">;
4
4
  export default _default;
@@ -1,3 +1,3 @@
1
1
  import { Theme } from '@material-ui/core/styles';
2
- declare const _default: ({ palette }: Theme) => import("@material-ui/styles").StyleRules<{}, "content" | "dot" | "icon" | "root" | "date" | "dateText" | "connector">;
2
+ declare const _default: ({ palette }: Theme) => import("@material-ui/styles").StyleRules<{}, "content" | "dot" | "icon" | "root" | "date" | "connector" | "dateText">;
3
3
  export default _default;
@@ -1,7 +1,6 @@
1
1
  import React, { ReactNode, ChangeEvent, HTMLAttributes } from 'react';
2
2
  import { TooltipProps } from '@material-ui/core/Tooltip';
3
3
  import { BaseProps } from '@toptal/picasso-shared';
4
- export declare type VariantType = 'light' | 'dark';
5
4
  export declare type PlacementType = TooltipProps['placement'];
6
5
  declare type MaxWidthType = 'none' | 'default';
7
6
  export declare type DelayType = 'short' | 'long';
@@ -11,8 +10,6 @@ export interface Props extends BaseProps, HTMLAttributes<HTMLDivElement> {
11
10
  children: ReactNode;
12
11
  /** Content to be rendered inside tooltip */
13
12
  content?: ReactNode;
14
- /** Select color variant to use */
15
- variant?: VariantType;
16
13
  /** Where should the tooltip be positioned */
17
14
  placement?: PlacementType;
18
15
  /** Called when tooltip is opened */
@@ -96,9 +96,8 @@ const useTooltipHandlers = ({ open: externalOpen, onClose, onOpen, disableListen
96
96
  };
97
97
  const useStyles = makeStyles(styles, { name: 'PicassoTooltip' });
98
98
  export const Tooltip = forwardRef((props, ref) => {
99
- const { content, children: originalChildren, placement, interactive, className, style, open, onOpen, onClose, onTransitionExiting, onTransitionExited, variant, disableListeners, preventOverflow, disablePortal, delay = 'short', compact, maxWidth, tooltipRef, container } = props, rest = __rest(props, ["content", "children", "placement", "interactive", "className", "style", "open", "onOpen", "onClose", "onTransitionExiting", "onTransitionExited", "variant", "disableListeners", "preventOverflow", "disablePortal", "delay", "compact", "maxWidth", "tooltipRef", "container"]);
99
+ const { content, children: originalChildren, placement, interactive, className, style, open, onOpen, onClose, onTransitionExiting, onTransitionExited, disableListeners, preventOverflow, disablePortal, delay = 'short', compact, maxWidth, tooltipRef, container } = props, rest = __rest(props, ["content", "children", "placement", "interactive", "className", "style", "open", "onOpen", "onClose", "onTransitionExiting", "onTransitionExited", "disableListeners", "preventOverflow", "disablePortal", "delay", "compact", "maxWidth", "tooltipRef", "container"]);
100
100
  const classes = useStyles();
101
- const [arrowRef, setArrowRef] = useState(null);
102
101
  const picassoRootContainer = usePicassoRoot();
103
102
  const delayDuration = getDelayDuration(delay);
104
103
  const { children, isOpen, handleOpen, handleClose } = useTooltipHandlers({
@@ -109,19 +108,13 @@ export const Tooltip = forwardRef((props, ref) => {
109
108
  onClose,
110
109
  delay
111
110
  });
112
- const title = (React.createElement(Typography, { as: 'div', size: 'small', color: 'inherit' },
113
- content,
114
- !compact && React.createElement("span", { className: classes.arrow, ref: setArrowRef })));
115
- return (React.createElement(MUITooltip, Object.assign({}, rest, { ref: ref, PopperProps: {
111
+ const title = (React.createElement(Typography, { as: 'div', size: 'small', color: 'inherit' }, content));
112
+ return (React.createElement(MUITooltip, Object.assign({}, rest, { ref: ref, arrow: !compact, PopperProps: {
116
113
  ref: tooltipRef,
117
114
  container: container || picassoRootContainer,
118
115
  disablePortal,
119
116
  popperOptions: {
120
117
  modifiers: {
121
- arrow: {
122
- enabled: Boolean(arrowRef),
123
- element: arrowRef
124
- },
125
118
  preventOverflow: {
126
119
  enabled: preventOverflow,
127
120
  boundariesElement: 'window'
@@ -132,9 +125,9 @@ export const Tooltip = forwardRef((props, ref) => {
132
125
  }
133
126
  }
134
127
  }, TransitionProps: Object.assign(Object.assign({}, (onTransitionExiting && { onExiting: onTransitionExiting })), (onTransitionExited && { onExiting: onTransitionExited })), classes: {
135
- popper: variant === 'light' ? classes.arrowPopperLight : classes.arrowPopper,
128
+ arrow: classes.arrow,
136
129
  tooltip: cx(classes.tooltip, {
137
- [classes.light]: variant === 'light',
130
+ [classes.light]: !compact,
138
131
  [classes.compact]: compact,
139
132
  [classes.noMaxWidth]: maxWidth === 'none'
140
133
  })
@@ -143,7 +136,6 @@ export const Tooltip = forwardRef((props, ref) => {
143
136
  Tooltip.defaultProps = {
144
137
  preventOverflow: true,
145
138
  placement: 'top',
146
- variant: 'dark',
147
139
  disablePortal: false,
148
140
  maxWidth: 'default',
149
141
  delay: 'short'
@@ -1 +1 @@
1
- {"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../src/Tooltip/Tooltip.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../src/Tooltip/Tooltip.tsx"],"names":[],"mappings":"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"}
@@ -1,3 +1,3 @@
1
1
  import { Theme } from '@material-ui/core/styles';
2
- declare const _default: ({ palette, shadows, sizes: { borderRadius } }: Theme) => import("@material-ui/styles").StyleRules<{}, "light" | "compact" | "tooltip" | "arrowPopper" | "arrowPopperLight" | "arrow" | "noMaxWidth">;
2
+ declare const _default: ({ palette, shadows, sizes: { borderRadius } }: Theme) => import("@material-ui/styles").StyleRules<{}, "light" | "compact" | "tooltip" | "arrow" | "noMaxWidth">;
3
3
  export default _default;
package/Tooltip/styles.js CHANGED
@@ -1,42 +1,8 @@
1
1
  import { createStyles } from '@material-ui/core/styles';
2
2
  import { rem } from '@toptal/picasso-shared';
3
- const shadowColor = 'rgba(0, 0, 0, 0.8)';
4
- const ARROW_SIZE = '1.25em';
5
- const HORIZONTAL_POSITION = {
6
- top: '50%',
7
- transform: 'translateY(-50%)'
8
- };
9
- const VERTICAL_POSITION = {
10
- left: '50%',
11
- transform: 'translateX(-50%)'
12
- };
13
- const arrowGenerator = (color) => {
14
- return {
15
- '&[x-placement*="bottom"] $arrow': {
16
- top: `-${ARROW_SIZE}`,
17
- '&::before': Object.assign({ borderWidth: `0 ${ARROW_SIZE} ${ARROW_SIZE} ${ARROW_SIZE}`, borderColor: `transparent transparent ${shadowColor} transparent` }, VERTICAL_POSITION),
18
- '&::after': Object.assign({ borderWidth: `0 ${ARROW_SIZE} ${ARROW_SIZE} ${ARROW_SIZE}`, borderColor: `transparent transparent ${color} transparent` }, VERTICAL_POSITION)
19
- },
20
- '&[x-placement*="top"] $arrow': {
21
- bottom: 0,
22
- '&::before': Object.assign({ borderWidth: `${ARROW_SIZE} ${ARROW_SIZE} 0 ${ARROW_SIZE}`, borderColor: `${shadowColor} transparent transparent transparent` }, VERTICAL_POSITION),
23
- '&::after': Object.assign({ borderWidth: `${ARROW_SIZE} ${ARROW_SIZE} 0 ${ARROW_SIZE}`, borderColor: `${color} transparent transparent transparent` }, VERTICAL_POSITION)
24
- },
25
- '&[x-placement*="right"] $arrow': {
26
- left: `-${ARROW_SIZE}`,
27
- '&::before': Object.assign({ borderWidth: `${ARROW_SIZE} ${ARROW_SIZE} ${ARROW_SIZE} 0`, borderColor: `transparent ${shadowColor} transparent transparent` }, HORIZONTAL_POSITION),
28
- '&::after': Object.assign({ borderWidth: `${ARROW_SIZE} ${ARROW_SIZE} ${ARROW_SIZE} 0`, borderColor: `transparent ${color} transparent transparent` }, HORIZONTAL_POSITION)
29
- },
30
- '&[x-placement*="left"] $arrow': {
31
- right: 0,
32
- '&::before': Object.assign({ borderWidth: `${ARROW_SIZE} 0 ${ARROW_SIZE} ${ARROW_SIZE}`, borderColor: `transparent transparent transparent ${shadowColor}` }, HORIZONTAL_POSITION),
33
- '&::after': Object.assign({ borderWidth: `${ARROW_SIZE} 0 ${ARROW_SIZE} ${ARROW_SIZE}`, borderColor: `transparent transparent transparent ${color}` }, HORIZONTAL_POSITION)
34
- }
35
- };
36
- };
3
+ // copied and manually changed from packages/picasso-provider/src/Picasso/config/shadows.ts
4
+ const ARROW_SHADOW = '0 0 2px 0 rgb(0 0 0 / 24%), 0 0 4px 0 rgb(0 0 0 / 12%)';
37
5
  export default ({ palette, shadows, sizes: { borderRadius } }) => createStyles({
38
- // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
39
- arrowPopper: arrowGenerator(palette.grey.darker),
40
6
  tooltip: {
41
7
  backgroundColor: palette.grey.darker,
42
8
  color: palette.common.white,
@@ -45,16 +11,12 @@ export default ({ palette, shadows, sizes: { borderRadius } }) => createStyles({
45
11
  borderRadius: borderRadius.small,
46
12
  position: 'relative'
47
13
  },
48
- arrowPopperLight: arrowGenerator(palette.common.white),
49
14
  arrow: {
50
- position: 'absolute',
51
- fontSize: '0.4rem',
52
- '&:before, &:after': {
53
- position: 'absolute',
54
- content: '""',
55
- margin: 'auto',
56
- display: 'block',
57
- borderStyle: 'solid'
15
+ color: palette.common.white,
16
+ boxSizing: 'border-box',
17
+ fontSize: '1rem',
18
+ '&::before': {
19
+ boxShadow: ARROW_SHADOW
58
20
  }
59
21
  },
60
22
  light: {
@@ -1 +1 @@
1
- {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/Tooltip/styles.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/Tooltip/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAS,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAC9D,OAAO,EAAE,GAAG,EAAE,MAAM,wBAAwB,CAAA;AAE5C,2FAA2F;AAC3F,MAAM,YAAY,GAAG,wDAAwD,CAAA;AAE7E,eAAe,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,YAAY,EAAE,EAAS,EAAE,EAAE,CACtE,YAAY,CAAC;IACX,OAAO,EAAE;QACP,eAAe,EAAE,OAAO,CAAC,IAAI,CAAC,MAAM;QACpC,KAAK,EAAE,OAAO,CAAC,MAAM,CAAC,KAAK;QAC3B,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC;QACrB,OAAO,EAAE,MAAM;QACf,YAAY,EAAE,YAAY,CAAC,KAAK;QAChC,QAAQ,EAAE,UAAU;KACrB;IACD,KAAK,EAAE;QACL,KAAK,EAAE,OAAO,CAAC,MAAM,CAAC,KAAK;QAC3B,SAAS,EAAE,YAAY;QACvB,QAAQ,EAAE,MAAM;QAChB,WAAW,EAAE;YACX,SAAS,EAAE,YAAY;SACxB;KACF;IACD,KAAK,EAAE;QACL,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,MAAM;QAC1B,eAAe,EAAE,OAAO,CAAC,MAAM,CAAC,KAAK;KACtC;IACD,OAAO,EAAE;QACP,UAAU,EAAE,KAAK;QACjB,OAAO,EAAE,GAAG,GAAG,CAAC,KAAK,CAAC,SAAS;QAC/B,MAAM,EAAE,SAAS;KAClB;IACD,UAAU,EAAE;QACV,QAAQ,EAAE,MAAM;KACjB;CACF,CAAC,CAAA"}
@@ -1,3 +1,3 @@
1
1
  import { Theme } from '@material-ui/core/styles';
2
- declare const _default: (theme: Theme) => import("@material-ui/styles").StyleRules<{}, "inherit" | "black" | "green" | "grey" | "red" | "yellow" | "dashed" | "solid" | "invert" | "lightGrey" | "darkGrey" | "bodyXxsmall" | "bodyXsmall" | "bodySmall" | "bodyMedium" | "bodyLarge" | "bodyInherit" | "headingMedium" | "regular" | "semibold" | "inheritWeight" | "lineThrough">;
2
+ declare const _default: (theme: Theme) => import("@material-ui/styles").StyleRules<{}, "inherit" | "black" | "green" | "grey" | "red" | "yellow" | "dashed" | "solid" | "invert" | "regular" | "lightGrey" | "darkGrey" | "bodyXxsmall" | "bodyXsmall" | "bodySmall" | "bodyMedium" | "bodyLarge" | "bodyInherit" | "headingMedium" | "semibold" | "inheritWeight" | "lineThrough">;
3
3
  export default _default;
@@ -1,7 +1,7 @@
1
1
  import { ReactNode } from 'react';
2
2
  import { BaseProps } from '@toptal/picasso-shared';
3
3
  import { TypographyProps } from '../Typography';
4
- import { DelayType, VariantType } from '../Tooltip/Tooltip';
4
+ import { DelayType } from '../Tooltip/Tooltip';
5
5
  export interface Props extends BaseProps, TypographyProps {
6
6
  /** A typography which can possibly overflow */
7
7
  children?: ReactNode;
@@ -11,8 +11,6 @@ export interface Props extends BaseProps, TypographyProps {
11
11
  tooltipContent?: ReactNode;
12
12
  /** A delay in showing the tooltip when typography overflows. */
13
13
  tooltipDelay?: DelayType;
14
- /** Tooltip color variant to use. */
15
- tooltipVariant?: VariantType;
16
14
  /** Do not show tooltips for shorten content. */
17
15
  disableTooltip?: boolean;
18
16
  }
@@ -20,7 +20,7 @@ const useStyles = makeStyles(styles, {
20
20
  name: 'TypographyOverflow'
21
21
  });
22
22
  export const TypographyOverflow = (props) => {
23
- const { children, lines = 1, tooltipContent, tooltipDelay, tooltipVariant, disableTooltip, className, onClick, onMouseEnter, style } = props, rest = __rest(props, ["children", "lines", "tooltipContent", "tooltipDelay", "tooltipVariant", "disableTooltip", "className", "onClick", "onMouseEnter", "style"]);
23
+ const { children, lines = 1, tooltipContent, tooltipDelay, disableTooltip, className, onClick, onMouseEnter, style } = props, rest = __rest(props, ["children", "lines", "tooltipContent", "tooltipDelay", "disableTooltip", "className", "onClick", "onMouseEnter", "style"]);
24
24
  const classes = useStyles(props);
25
25
  const [isTooltipActive, setIsTooltipActive] = useState(false);
26
26
  const [isTooltipOpened, setIsTooltipOpened] = useState(false);
@@ -68,7 +68,7 @@ export const TypographyOverflow = (props) => {
68
68
  setIsTooltipAnimating(false);
69
69
  }, []);
70
70
  const typography = (React.createElement(Typography, Object.assign({}, rest, { style: extendedStyle, className: cx(classes.wrapper, isMultiline ? classes.multiLine : classes.singleLine, className), onClick: handleClick, onMouseEnter: handleMouseEnter }), children));
71
- const tooltip = (React.createElement(Tooltip, { open: isTooltipOpened, content: tooltipContent !== null && tooltipContent !== void 0 ? tooltipContent : children, variant: tooltipVariant, placement: 'top', delay: tooltipDelay, interactive: true, disableListeners: disableTooltip, onOpen: handleTooltipOpen, onClose: handleTooltipClose, onTransitionExiting: handleTransitionExiting, onTransitionExited: handleTransitionExited }, typography));
71
+ const tooltip = (React.createElement(Tooltip, { open: isTooltipOpened, content: tooltipContent !== null && tooltipContent !== void 0 ? tooltipContent : children, placement: 'top', delay: tooltipDelay, interactive: true, disableListeners: disableTooltip, onOpen: handleTooltipOpen, onClose: handleTooltipClose, onTransitionExiting: handleTransitionExiting, onTransitionExited: handleTransitionExited }, typography));
72
72
  return isTooltipRendered ? tooltip : typography;
73
73
  };
74
74
  TypographyOverflow.displayName = 'TypographyOverflow';
@@ -1 +1 @@
1
- {"version":3,"file":"TypographyOverflow.js","sourceRoot":"","sources":["../../src/TypographyOverflow/TypographyOverflow.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"TypographyOverflow.js","sourceRoot":"","sources":["../../src/TypographyOverflow/TypographyOverflow.tsx"],"names":[],"mappings":"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"}
@@ -1,2 +1,2 @@
1
- declare const _default: () => import("@material-ui/styles").StyleRules<{}, "name" | "title" | "root" | "infoContainer" | "avatar">;
1
+ declare const _default: () => import("@material-ui/styles").StyleRules<{}, "name" | "title" | "root" | "avatar" | "infoContainer">;
2
2
  export default _default;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@toptal/picasso",
3
- "version": "19.4.1",
3
+ "version": "21.0.0",
4
4
  "description": "Toptal UI components library",
5
5
  "publishConfig": {
6
6
  "access": "public",
@@ -25,13 +25,14 @@
25
25
  "peerDependencies": {
26
26
  "@material-ui/core": "4.11.0",
27
27
  "notistack": "1.0.5",
28
+ "typescript": "4.6.x",
28
29
  "react": "^16.12.0",
29
30
  "react-dom": "^16.12.0",
30
31
  "react-helmet": "6.1.0"
31
32
  },
32
33
  "dependencies": {
33
- "@toptal/picasso-provider": "^0.7.1",
34
- "@toptal/picasso-shared": "^7.3.0",
34
+ "@toptal/picasso-provider": "^1.0.0",
35
+ "@toptal/picasso-shared": "^8.0.0",
35
36
  "ap-style-title-case": "^1.1.2",
36
37
  "classnames": "^2.3.1",
37
38
  "d3": "^6.6.2",