@toptal/picasso 22.3.1 → 22.3.2-alpha-FX-2668-fix-select.2
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.
- package/Autocomplete/Autocomplete.js +6 -3
- package/Autocomplete/Autocomplete.js.map +1 -1
- package/Autocomplete/use-autocomplete/use-autocomplete.d.ts +3 -1
- package/Autocomplete/use-autocomplete/use-autocomplete.js +8 -1
- package/Autocomplete/use-autocomplete/use-autocomplete.js.map +1 -1
- package/ScrollMenu/ScrollMenu.d.ts +1 -7
- package/ScrollMenu/ScrollMenu.js +5 -10
- package/ScrollMenu/ScrollMenu.js.map +1 -1
- package/SelectOptions/SelectOptions.d.ts +2 -7
- package/SelectOptions/SelectOptions.js +4 -4
- package/SelectOptions/SelectOptions.js.map +1 -1
- package/TagSelector/TagSelector.d.ts +2 -0
- package/TagSelector/TagSelector.js.map +1 -1
- package/package.json +5 -4
- package/utils/index.d.ts +1 -0
- package/utils/index.js +1 -0
- package/utils/index.js.map +1 -1
- package/utils/use-handle-click-outside.d.ts +6 -0
- package/utils/use-handle-click-outside.js +17 -0
- package/utils/use-handle-click-outside.js.map +1 -0
|
@@ -41,6 +41,8 @@ export const Autocomplete = forwardRef(function Autocomplete(props, ref) {
|
|
|
41
41
|
componentName: 'Autocomplete',
|
|
42
42
|
description: 'Use the `status` prop instead. `error` is deprecated and will be removed in the next major release.'
|
|
43
43
|
});
|
|
44
|
+
const inputWrapperRef = useRef(null);
|
|
45
|
+
const optionsListRef = useRef(null);
|
|
44
46
|
const classes = useStyles();
|
|
45
47
|
const getKey = (item) => {
|
|
46
48
|
if (customGetKey) {
|
|
@@ -64,10 +66,12 @@ export const Autocomplete = forwardRef(function Autocomplete(props, ref) {
|
|
|
64
66
|
onFocus,
|
|
65
67
|
onBlur,
|
|
66
68
|
enableReset,
|
|
67
|
-
showOtherOption
|
|
69
|
+
showOtherOption,
|
|
70
|
+
inputWrapperRef,
|
|
71
|
+
optionsListRef
|
|
68
72
|
});
|
|
69
73
|
const optionsLength = options ? options.length : 0;
|
|
70
|
-
const optionsMenu = options && (React.createElement(SelectOptions, { "data-testid": testIds === null || testIds === void 0 ? void 0 : testIds.scrollMenu, selectedIndex: highlightedIndex }, options === null || options === void 0 ? void 0 :
|
|
74
|
+
const optionsMenu = options && (React.createElement(SelectOptions, { "data-testid": testIds === null || testIds === void 0 ? void 0 : testIds.scrollMenu, selectedIndex: highlightedIndex, ref: optionsListRef }, options === null || options === void 0 ? void 0 :
|
|
71
75
|
options.map((option, index) => (React.createElement(Menu.Item, Object.assign({ "data-test-id": `${testIds === null || testIds === void 0 ? void 0 : testIds.menuItem}-${index}`, size: 'medium', key: getKey(option) }, getItemProps(index, option), { titleCase: false, description: option.description, className: classes.option }), renderOption
|
|
72
76
|
? renderOption(option, index)
|
|
73
77
|
: getDisplayValue(option)))),
|
|
@@ -77,7 +81,6 @@ export const Autocomplete = forwardRef(function Autocomplete(props, ref) {
|
|
|
77
81
|
const InputComponent = inputComponent || Input;
|
|
78
82
|
const loadingComponent = (React.createElement(InputAdornment, { "data-testid": testIds === null || testIds === void 0 ? void 0 : testIds.loadingAdornment, position: 'end', disablePointerEvents: true },
|
|
79
83
|
React.createElement(Loader, { size: 'small' })));
|
|
80
|
-
const inputWrapperRef = useRef(null);
|
|
81
84
|
return (React.createElement("div", { className: cx(classes.root, className, classes[`root${capitalize(width)}`]), style: style, role: 'combobox', "aria-expanded": isOpen, "aria-haspopup": 'listbox' },
|
|
82
85
|
React.createElement(Container, { flex: true, ref: inputWrapperRef },
|
|
83
86
|
!enableAutofill && name && (React.createElement("input", { type: 'hidden', value: value, name: name, "data-testid": testIds === null || testIds === void 0 ? void 0 : testIds.disableAutofillInput })),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Autocomplete.js","sourceRoot":"","sources":["../../src/Autocomplete/Autocomplete.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"Autocomplete.js","sourceRoot":"","sources":["../../src/Autocomplete/Autocomplete.tsx"],"names":[],"mappings":"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"}
|
|
@@ -31,8 +31,10 @@ export interface Props {
|
|
|
31
31
|
enableReset?: boolean;
|
|
32
32
|
showOtherOption?: boolean;
|
|
33
33
|
disabled?: boolean;
|
|
34
|
+
inputWrapperRef?: React.RefObject<HTMLDivElement>;
|
|
35
|
+
optionsListRef?: React.RefObject<HTMLUListElement>;
|
|
34
36
|
}
|
|
35
|
-
export declare const useAutocomplete: ({ value, options, onChange, onKeyDown, onFocus, onBlur, onSelect, onOtherOptionSelect, getDisplayValue, enableReset, showOtherOption, disabled }: Props) => {
|
|
37
|
+
export declare const useAutocomplete: ({ value, options, onChange, onKeyDown, onFocus, onBlur, onSelect, onOtherOptionSelect, getDisplayValue, enableReset, showOtherOption, disabled, inputWrapperRef, optionsListRef }: Props) => {
|
|
36
38
|
getItemProps: (index: number, item: Item) => {
|
|
37
39
|
onClick: (event: MouseEvent) => void;
|
|
38
40
|
role: string;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
/* eslint-disable complexity, max-statements */ // Squiggly lines makes code difficult to work with
|
|
2
2
|
import { useState, useEffect, useMemo } from 'react';
|
|
3
|
+
import { useHandleClickOutside } from '../../utils';
|
|
3
4
|
export const EMPTY_INPUT_VALUE = '';
|
|
4
5
|
export const INITIAL_HIGHLIGHT_INDEX = 0;
|
|
5
6
|
export const normalizeInitialIndex = ({ initialIndex, itemCount, moveAmount }) => {
|
|
@@ -35,9 +36,10 @@ export const getNextWrappingIndex = (moveAmount, initialIndex, itemCount) => {
|
|
|
35
36
|
}
|
|
36
37
|
return newIndex;
|
|
37
38
|
};
|
|
38
|
-
export const useAutocomplete = ({ value, options = [], onChange = () => { }, onKeyDown = () => { }, onFocus = () => { }, onBlur = () => { }, onSelect = () => { }, onOtherOptionSelect = () => { }, getDisplayValue, enableReset, showOtherOption, disabled = false }) => {
|
|
39
|
+
export const useAutocomplete = ({ value, options = [], onChange = () => { }, onKeyDown = () => { }, onFocus = () => { }, onBlur = () => { }, onSelect = () => { }, onOtherOptionSelect = () => { }, getDisplayValue, enableReset, showOtherOption, disabled = false, inputWrapperRef, optionsListRef }) => {
|
|
39
40
|
const [isOpen, setOpen] = useState(false);
|
|
40
41
|
const [highlightedIndex, setHighlightedIndex] = useState(INITIAL_HIGHLIGHT_INDEX);
|
|
42
|
+
useHandleClickOutside({ ref: inputWrapperRef, handler: () => setOpen(false) });
|
|
41
43
|
const selectedIndex = useMemo(() => value && Array.isArray(options)
|
|
42
44
|
? options.findIndex(option => getDisplayValue(option) === value)
|
|
43
45
|
: null, [getDisplayValue, options, value]);
|
|
@@ -95,6 +97,11 @@ export const useAutocomplete = ({ value, options = [], onChange = () => { }, onK
|
|
|
95
97
|
setOpen(true);
|
|
96
98
|
};
|
|
97
99
|
const handleBlur = event => {
|
|
100
|
+
var _a;
|
|
101
|
+
const isBlurTriggeredByUsingScrollbar = (_a = optionsListRef === null || optionsListRef === void 0 ? void 0 : optionsListRef.current) === null || _a === void 0 ? void 0 : _a.contains(event.relatedTarget);
|
|
102
|
+
if (isBlurTriggeredByUsingScrollbar) {
|
|
103
|
+
return;
|
|
104
|
+
}
|
|
98
105
|
setOpen(false);
|
|
99
106
|
onBlur(event);
|
|
100
107
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-autocomplete.js","sourceRoot":"","sources":["../../../src/Autocomplete/use-autocomplete/use-autocomplete.ts"],"names":[],"mappings":"AAAA,+CAA+C,CAAC,mDAAmD;AAEnG,OAAO,EAGL,QAAQ,EAGR,SAAS,EACT,OAAO,EACR,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"use-autocomplete.js","sourceRoot":"","sources":["../../../src/Autocomplete/use-autocomplete/use-autocomplete.ts"],"names":[],"mappings":"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"}
|
|
@@ -9,11 +9,5 @@ export interface Props extends BaseProps {
|
|
|
9
9
|
role?: 'listbox' | 'menu';
|
|
10
10
|
}
|
|
11
11
|
export declare const scrollToSelection: (menuRef: RefObject<HTMLDivElement>, selectedIndex?: number | null | undefined) => void;
|
|
12
|
-
declare const ScrollMenu:
|
|
13
|
-
(props: Props): JSX.Element;
|
|
14
|
-
defaultProps: {
|
|
15
|
-
role: string;
|
|
16
|
-
};
|
|
17
|
-
displayName: string;
|
|
18
|
-
};
|
|
12
|
+
declare const ScrollMenu: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLUListElement>>;
|
|
19
13
|
export default ScrollMenu;
|
package/ScrollMenu/ScrollMenu.js
CHANGED
|
@@ -9,7 +9,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
9
9
|
}
|
|
10
10
|
return t;
|
|
11
11
|
};
|
|
12
|
-
import React, { useRef } from 'react';
|
|
12
|
+
import React, { forwardRef, useRef } from 'react';
|
|
13
13
|
import { makeStyles } from '@material-ui/core/styles';
|
|
14
14
|
import cx from 'classnames';
|
|
15
15
|
import { useIsomorphicLayoutEffect } from '../utils';
|
|
@@ -39,21 +39,16 @@ export const scrollToSelection = (menuRef, selectedIndex) => {
|
|
|
39
39
|
menuNode.scrollTop += selectedRect.bottom - menuRect.bottom;
|
|
40
40
|
}
|
|
41
41
|
};
|
|
42
|
-
const ScrollMenu = (props) => {
|
|
42
|
+
const ScrollMenu = forwardRef((props, ref) => {
|
|
43
43
|
const { selectedIndex, onBlur, children, style, fixedHeader, fixedFooter, className, role } = props, rest = __rest(props, ["selectedIndex", "onBlur", "children", "style", "fixedHeader", "fixedFooter", "className", "role"]);
|
|
44
44
|
const classes = useStyles();
|
|
45
45
|
const menuRef = useRef(null);
|
|
46
|
-
useIsomorphicLayoutEffect(() => scrollToSelection(menuRef, selectedIndex), [
|
|
47
|
-
|
|
48
|
-
]);
|
|
49
|
-
return (React.createElement(Menu, Object.assign({ className: cx(classes.menu, className), style: style, role: role }, rest, { onMouseDown: e => {
|
|
50
|
-
// ScrollMenu is used in dropdowns. Prevents blur --> dropdown close when scrolled.
|
|
51
|
-
e.preventDefault();
|
|
52
|
-
} }),
|
|
46
|
+
useIsomorphicLayoutEffect(() => scrollToSelection(menuRef, selectedIndex), [selectedIndex]);
|
|
47
|
+
return (React.createElement(Menu, Object.assign({ ref: ref, className: cx(classes.menu, className), style: style, role: role }, rest),
|
|
53
48
|
fixedHeader,
|
|
54
49
|
React.createElement("div", { ref: menuRef, className: classes.scrollView, onBlur: onBlur }, children),
|
|
55
50
|
fixedFooter));
|
|
56
|
-
};
|
|
51
|
+
});
|
|
57
52
|
ScrollMenu.defaultProps = {
|
|
58
53
|
role: 'menu'
|
|
59
54
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScrollMenu.js","sourceRoot":"","sources":["../../src/ScrollMenu/ScrollMenu.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAwB,MAAM,EAAE,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"ScrollMenu.js","sourceRoot":"","sources":["../../src/ScrollMenu/ScrollMenu.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAwB,MAAM,EAAE,MAAM,OAAO,CAAA;AACvE,OAAO,EAAE,UAAU,EAAS,MAAM,0BAA0B,CAAA;AAE5D,OAAO,EAAE,MAAM,YAAY,CAAA;AAE3B,OAAO,EAAE,yBAAyB,EAAE,MAAM,UAAU,CAAA;AACpD,OAAO,IAAI,MAAM,SAAS,CAAA;AAC1B,OAAO,MAAM,MAAM,UAAU,CAAA;AAW7B,MAAM,SAAS,GAAG,UAAU,CAAQ,MAAM,EAAE;IAC1C,IAAI,EAAE,mBAAmB;CAC1B,CAAC,CAAA;AAEF,MAAM,mBAAmB,GAAG,CAC1B,OAAkC,EAClC,aAA6B,EAC7B,EAAE;;IACF,OAAA,OAAO,aAAa,KAAK,QAAQ;QAC/B,CAAC,CAAC,MAAA,OAAO,CAAC,OAAO,0CAAE,QAAQ,CAAC,aAAa,CAAC;QAC1C,CAAC,CAAC,SAAS,CAAA;CAAA,CAAA;AAEf,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAC/B,OAAkC,EAClC,aAA6B,EAC7B,EAAE;IACF,MAAM,QAAQ,GAAG,OAAO,CAAC,OAAO,CAAA;IAChC,MAAM,YAAY,GAAG,mBAAmB,CAAC,OAAO,EAAE,aAAa,CAAC,CAAA;IAEhE,IAAI,CAAC,QAAQ,IAAI,CAAC,YAAY,EAAE;QAC9B,OAAM;KACP;IAED,MAAM,QAAQ,GAAG,QAAQ,CAAC,qBAAqB,EAAE,CAAA;IACjD,MAAM,YAAY,GAAG,YAAY,CAAC,qBAAqB,EAAE,CAAA;IAEzD,IAAI,YAAY,CAAC,GAAG,GAAG,QAAQ,CAAC,GAAG,EAAE;QACnC,QAAQ,CAAC,SAAS,IAAI,QAAQ,CAAC,GAAG,GAAG,YAAY,CAAC,GAAG,CAAA;KACtD;SAAM,IAAI,YAAY,CAAC,MAAM,GAAG,QAAQ,CAAC,MAAM,EAAE;QAChD,QAAQ,CAAC,SAAS,IAAI,YAAY,CAAC,MAAM,GAAG,QAAQ,CAAC,MAAM,CAAA;KAC5D;AACH,CAAC,CAAA;AAED,MAAM,UAAU,GAAG,UAAU,CAA0B,CAAC,KAAY,EAAE,GAAG,EAAE,EAAE;IAC3E,MAAM,EACJ,aAAa,EACb,MAAM,EACN,QAAQ,EACR,KAAK,EACL,WAAW,EACX,WAAW,EACX,SAAS,EACT,IAAI,KAEF,KAAK,EADJ,IAAI,UACL,KAAK,EAVH,mGAUL,CAAQ,CAAA;IACT,MAAM,OAAO,GAAG,SAAS,EAAE,CAAA;IAC3B,MAAM,OAAO,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IAE5C,yBAAyB,CACvB,GAAG,EAAE,CAAC,iBAAiB,CAAC,OAAO,EAAE,aAAa,CAAC,EAC/C,CAAC,aAAa,CAAC,CAChB,CAAA;IAED,OAAO,CACL,oBAAC,IAAI,kBACH,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,SAAS,CAAC,EACtC,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,IACN,IAAI;QAEP,WAAW;QACZ,6BAAK,GAAG,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,CAAC,UAAU,EAAE,MAAM,EAAE,MAAM,IAC7D,QAAQ,CACL;QACL,WAAW,CACP,CACR,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,UAAU,CAAC,YAAY,GAAG;IACxB,IAAI,EAAE,MAAM;CACb,CAAA;AAED,UAAU,CAAC,WAAW,GAAG,YAAY,CAAA;AAErC,eAAe,UAAU,CAAA"}
|
|
@@ -1,11 +1,6 @@
|
|
|
1
|
+
import React from 'react';
|
|
1
2
|
import { ScrollMenuProps } from '../ScrollMenu';
|
|
2
3
|
export interface Props extends ScrollMenuProps {
|
|
3
4
|
}
|
|
4
|
-
declare const SelectOptions:
|
|
5
|
-
(props: Props): JSX.Element;
|
|
6
|
-
defaultProps: {
|
|
7
|
-
role: string;
|
|
8
|
-
};
|
|
9
|
-
displayName: string;
|
|
10
|
-
};
|
|
5
|
+
declare const SelectOptions: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLUListElement>>;
|
|
11
6
|
export default SelectOptions;
|
|
@@ -10,21 +10,21 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
10
10
|
return t;
|
|
11
11
|
};
|
|
12
12
|
import { makeStyles } from '@material-ui/core/styles';
|
|
13
|
-
import React from 'react';
|
|
13
|
+
import React, { forwardRef } from 'react';
|
|
14
14
|
import cx from 'classnames';
|
|
15
15
|
import ScrollMenu from '../ScrollMenu';
|
|
16
16
|
import styles from './styles';
|
|
17
17
|
const useStyles = makeStyles(styles, {
|
|
18
18
|
name: 'PicassoSelectOptions'
|
|
19
19
|
});
|
|
20
|
-
const SelectOptions = (props) => {
|
|
20
|
+
const SelectOptions = forwardRef((props, ref) => {
|
|
21
21
|
const { selectedIndex, onBlur, children, style, fixedHeader, fixedFooter, className, role } = props, rest = __rest(props, ["selectedIndex", "onBlur", "children", "style", "fixedHeader", "fixedFooter", "className", "role"]);
|
|
22
22
|
const classes = useStyles();
|
|
23
|
-
return (React.createElement(ScrollMenu, Object.assign({ className: cx(classes.menu, {
|
|
23
|
+
return (React.createElement(ScrollMenu, Object.assign({ ref: ref, className: cx(classes.menu, {
|
|
24
24
|
[classes.withHeader]: Boolean(fixedHeader),
|
|
25
25
|
[classes.withFooter]: Boolean(fixedFooter)
|
|
26
26
|
}, className), style: style, selectedIndex: selectedIndex, fixedFooter: fixedFooter, fixedHeader: fixedHeader, onBlur: onBlur, role: role }, rest), children));
|
|
27
|
-
};
|
|
27
|
+
});
|
|
28
28
|
SelectOptions.defaultProps = {
|
|
29
29
|
role: 'menu'
|
|
30
30
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectOptions.js","sourceRoot":"","sources":["../../src/SelectOptions/SelectOptions.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,UAAU,EAAS,MAAM,0BAA0B,CAAA;AAC5D,OAAO,KAAK,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"SelectOptions.js","sourceRoot":"","sources":["../../src/SelectOptions/SelectOptions.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,UAAU,EAAS,MAAM,0BAA0B,CAAA;AAC5D,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,MAAM,YAAY,CAAA;AAE3B,OAAO,UAA+B,MAAM,eAAe,CAAA;AAC3D,OAAO,MAAM,MAAM,UAAU,CAAA;AAI7B,MAAM,SAAS,GAAG,UAAU,CAAQ,MAAM,EAAE;IAC1C,IAAI,EAAE,sBAAsB;CAC7B,CAAC,CAAA;AAEF,MAAM,aAAa,GAAG,UAAU,CAC9B,CAAC,KAAY,EAAE,GAAG,EAAE,EAAE;IACpB,MAAM,EACJ,aAAa,EACb,MAAM,EACN,QAAQ,EACR,KAAK,EACL,WAAW,EACX,WAAW,EACX,SAAS,EACT,IAAI,KAEF,KAAK,EADJ,IAAI,UACL,KAAK,EAVH,mGAUL,CAAQ,CAAA;IACT,MAAM,OAAO,GAAG,SAAS,EAAE,CAAA;IAE3B,OAAO,CACL,oBAAC,UAAU,kBACT,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,OAAO,CAAC,IAAI,EACZ;YACE,CAAC,OAAO,CAAC,UAAU,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC;YAC1C,CAAC,OAAO,CAAC,UAAU,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC;SAC3C,EACD,SAAS,CACV,EACD,KAAK,EAAE,KAAK,EACZ,aAAa,EAAE,aAAa,EAC5B,WAAW,EAAE,WAAW,EACxB,WAAW,EAAE,WAAW,EACxB,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,IACN,IAAI,GAEP,QAAQ,CACE,CACd,CAAA;AACH,CAAC,CACF,CAAA;AAED,aAAa,CAAC,YAAY,GAAG;IAC3B,IAAI,EAAE,MAAM;CACb,CAAA;AAED,aAAa,CAAC,WAAW,GAAG,eAAe,CAAA;AAE3C,eAAe,aAAa,CAAA"}
|
|
@@ -63,6 +63,8 @@ export interface Props extends BaseProps, Omit<InputHTMLAttributes<HTMLInputElem
|
|
|
63
63
|
popperContainer?: HTMLElement;
|
|
64
64
|
testIds?: {
|
|
65
65
|
validIcon?: string;
|
|
66
|
+
scrollMenu?: string;
|
|
67
|
+
menuItem?: string;
|
|
66
68
|
};
|
|
67
69
|
}
|
|
68
70
|
export declare const TagSelector: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLInputElement>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TagSelector.js","sourceRoot":"","sources":["../../src/TagSelector/TagSelector.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAEZ,UAAU,EAKV,QAAQ,EACT,MAAM,OAAO,CAAA;AAGd,OAAO,YAA0C,MAAM,iBAAiB,CAAA;AACxE,OAAO,gBAAgB,MAAM,qBAAqB,CAAA;AAElD,OAAO,gBAAgB,MAAM,qBAAqB,CAAA;AAClD,OAAO,cAAc,MAAM,2BAA2B,CAAA;AACtD,OAAO,IAAI,MAAM,eAAe,CAAA;AAChC,OAAO,EAAE,yBAAyB,EAAE,MAAM,mCAAmC,CAAA;AAO7E,MAAM,iBAAiB,GAAG,EAAE,CAAA;AAE5B,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,KAAa,EAAE,WAAiB,EAAE,EAAE,CAC7D,KAAK,CAAC,IAAI,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,KAAK,WAAW,CAAC,KAAK,CAAC,CAAA;AAExD,MAAM,WAAW,GAAG,CAAC,IAAiB,EAAE,EAAE,CACxC,CAAC,IAAI,IAAI,IAAI,CAAC,IAAI,CAAC,IAAI,iBAAiB,CAAA;
|
|
1
|
+
{"version":3,"file":"TagSelector.js","sourceRoot":"","sources":["../../src/TagSelector/TagSelector.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@toptal/picasso",
|
|
3
|
-
"version": "22.3.
|
|
3
|
+
"version": "22.3.2-alpha-FX-2668-fix-select.2+04e693d0",
|
|
4
4
|
"description": "Toptal UI components library",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"access": "public",
|
|
@@ -31,8 +31,8 @@
|
|
|
31
31
|
"typescript": "4.6.x"
|
|
32
32
|
},
|
|
33
33
|
"dependencies": {
|
|
34
|
-
"@toptal/picasso-provider": "
|
|
35
|
-
"@toptal/picasso-shared": "
|
|
34
|
+
"@toptal/picasso-provider": "1.1.1-alpha-FX-2668-fix-select.35+04e693d0",
|
|
35
|
+
"@toptal/picasso-shared": "8.1.1-alpha-FX-2668-fix-select.35+04e693d0",
|
|
36
36
|
"ap-style-title-case": "^1.1.2",
|
|
37
37
|
"classnames": "^2.3.1",
|
|
38
38
|
"d3": "^6.7.0",
|
|
@@ -80,5 +80,6 @@
|
|
|
80
80
|
"sideEffects": [
|
|
81
81
|
"**/styles.ts",
|
|
82
82
|
"**/styles.js"
|
|
83
|
-
]
|
|
83
|
+
],
|
|
84
|
+
"gitHead": "04e693d036575870b5a9ee7e9246091683926980"
|
|
84
85
|
}
|
package/utils/index.d.ts
CHANGED
|
@@ -25,6 +25,7 @@ export { default as toTitleCase } from './to-title-case';
|
|
|
25
25
|
export { default as useCombinedRefs } from './use-combined-refs';
|
|
26
26
|
export { default as useSafeState } from './use-safe-state';
|
|
27
27
|
export { default as useWidthOf } from './use-width-of';
|
|
28
|
+
export { default as useHandleClickOutside } from './use-handle-click-outside';
|
|
28
29
|
export { default as unsafeErrorLog } from './unsafe-error-log';
|
|
29
30
|
export { default as sum } from './sum';
|
|
30
31
|
export { default as htmlToHast, hastSanitizeSchema } from './html-to-hast';
|
package/utils/index.js
CHANGED
|
@@ -25,6 +25,7 @@ export { default as toTitleCase } from './to-title-case';
|
|
|
25
25
|
export { default as useCombinedRefs } from './use-combined-refs';
|
|
26
26
|
export { default as useSafeState } from './use-safe-state';
|
|
27
27
|
export { default as useWidthOf } from './use-width-of';
|
|
28
|
+
export { default as useHandleClickOutside } from './use-handle-click-outside';
|
|
28
29
|
export { default as unsafeErrorLog } from './unsafe-error-log';
|
|
29
30
|
export { default as sum } from './sum';
|
|
30
31
|
export { default as htmlToHast, hastSanitizeSchema } from './html-to-hast';
|
package/utils/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAA;AAE/D,OAAO,KAAK,eAAe,MAAM,eAAe,CAAA;AAEhD,MAAM,UAAU,GAAG;IACjB,KAAK;IACL,OAAO;IACP,MAAM;CACP,CAAA;AAED,OAAO,EAAE,UAAU,EAAE,CAAA;AAErB,OAAO,EACL,eAAe,IAAI,WAAW,EAC9B,OAAO,EACP,YAAY,EACZ,aAAa,EACb,UAAU,EACV,OAAO,EACP,MAAM,IAAI,OAAO,EACjB,oBAAoB,EACpB,oCAAoC,EACrC,MAAM,0BAA0B,CAAA;AACjC,OAAO,EAAE,yBAAyB,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAE7E,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qCAAqC,CAAA;AAElF,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,6BAA6B,CAAA;AAChF,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,qBAAqB,CAAA;AAChE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,cAAc,CAAA;AACnD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,aAAa,CAAA;AACjD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,gBAAgB,CAAA;AACvD,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,qBAAqB,CAAA;AAChE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,aAAa,CAAA;AACjD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,gBAAgB,CAAA;AACvD,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AAEnE,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAA;AACxC,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,iBAAiB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,qBAAqB,CAAA;AAChE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAC1D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,gBAAgB,CAAA;AACtD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,oBAAoB,CAAA;AAC9D,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAA;AAG1E,MAAM,CAAC,MAAM,WAAW,GAAG,eAAe,CAAA;AAE1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAA;AAClD,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAClC,cAAc,SAAS,CAAA;AAEvB,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAA;AAE/D,OAAO,KAAK,eAAe,MAAM,eAAe,CAAA;AAEhD,MAAM,UAAU,GAAG;IACjB,KAAK;IACL,OAAO;IACP,MAAM;CACP,CAAA;AAED,OAAO,EAAE,UAAU,EAAE,CAAA;AAErB,OAAO,EACL,eAAe,IAAI,WAAW,EAC9B,OAAO,EACP,YAAY,EACZ,aAAa,EACb,UAAU,EACV,OAAO,EACP,MAAM,IAAI,OAAO,EACjB,oBAAoB,EACpB,oCAAoC,EACrC,MAAM,0BAA0B,CAAA;AACjC,OAAO,EAAE,yBAAyB,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAE7E,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qCAAqC,CAAA;AAElF,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,6BAA6B,CAAA;AAChF,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,qBAAqB,CAAA;AAChE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,cAAc,CAAA;AACnD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,aAAa,CAAA;AACjD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,gBAAgB,CAAA;AACvD,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,qBAAqB,CAAA;AAChE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,aAAa,CAAA;AACjD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,gBAAgB,CAAA;AACvD,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AAEnE,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAA;AACxC,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,iBAAiB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,qBAAqB,CAAA;AAChE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAC1D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,gBAAgB,CAAA;AACtD,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,4BAA4B,CAAA;AAC7E,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,oBAAoB,CAAA;AAC9D,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAA;AAG1E,MAAM,CAAC,MAAM,WAAW,GAAG,eAAe,CAAA;AAE1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAA;AAClD,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAClC,cAAc,SAAS,CAAA;AAEvB,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { useEffect } from 'react';
|
|
2
|
+
const useHandleClickOutside = ({ ref, handler }) => {
|
|
3
|
+
useEffect(() => {
|
|
4
|
+
const listener = (event) => {
|
|
5
|
+
if (!(ref === null || ref === void 0 ? void 0 : ref.current) || ref.current.contains(event.target)) {
|
|
6
|
+
return;
|
|
7
|
+
}
|
|
8
|
+
handler(event);
|
|
9
|
+
};
|
|
10
|
+
document.addEventListener('click', listener);
|
|
11
|
+
return () => {
|
|
12
|
+
document.removeEventListener('click', listener);
|
|
13
|
+
};
|
|
14
|
+
}, [ref, handler]);
|
|
15
|
+
};
|
|
16
|
+
export default useHandleClickOutside;
|
|
17
|
+
//# sourceMappingURL=use-handle-click-outside.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-handle-click-outside.js","sourceRoot":"","sources":["../../src/utils/use-handle-click-outside.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAOjC,MAAM,qBAAqB,GAAG,CAAC,EAAE,GAAG,EAAE,OAAO,EAAS,EAAE,EAAE;IACxD,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,QAAQ,GAAG,CAAC,KAAiB,EAAE,EAAE;YACrC,IAAI,CAAC,CAAA,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,OAAO,CAAA,IAAI,GAAG,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAqB,CAAC,EAAE;gBACtE,OAAM;aACP;YAED,OAAO,CAAC,KAAK,CAAC,CAAA;QAChB,CAAC,CAAA;QAED,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAA;QAE5C,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,mBAAmB,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAA;QACjD,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC,CAAA;AACpB,CAAC,CAAA;AAED,eAAe,qBAAqB,CAAA"}
|