@hazelcast/ui 1.3.2-next.97 → 1.3.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/lib/Button.d.ts +2 -2
- package/lib/Button.module.scss +31 -0
- package/lib/Checkbox.d.ts +3 -3
- package/lib/Checkbox.js +7 -6
- package/lib/Checkbox.js.map +1 -1
- package/lib/NumberFieldFormik.js +21 -4
- package/lib/NumberFieldFormik.js.map +1 -1
- package/lib/Select/CheckableSelectField.d.ts +2 -0
- package/lib/Select/CheckableSelectField.js +15 -5
- package/lib/Select/CheckableSelectField.js.map +1 -1
- package/lib/Select/CheckableSelectField.module.scss +7 -0
- package/lib/Tooltip.d.ts +2 -1
- package/lib/Tooltip.js +2 -3
- package/lib/Tooltip.js.map +1 -1
- package/package.json +5 -5
- package/styles/constants/_colors.scss +1 -0
package/lib/Button.d.ts
CHANGED
|
@@ -4,7 +4,7 @@ import { TooltipProps } from './Tooltip';
|
|
|
4
4
|
import { LinkRel, LinkTarget } from './Link';
|
|
5
5
|
export type ButtonKind = 'primary' | 'secondary' | 'danger' | 'transparent';
|
|
6
6
|
export type ButtonVariant = 'contained' | 'outlined' | 'text';
|
|
7
|
-
export type ButtonColor = 'primary' | 'secondary' | 'warning' | 'brand' | 'authPrimary';
|
|
7
|
+
export type ButtonColor = 'primary' | 'secondary' | 'warning' | 'brand' | 'authPrimary' | 'authSecondary';
|
|
8
8
|
export type ButtonSize = 'medium' | 'small';
|
|
9
9
|
export type ButtonAccessibleIconLeftProps = {
|
|
10
10
|
iconLeft: IconProps['icon'];
|
|
@@ -35,7 +35,7 @@ type ButtonNotDisabledProps = {
|
|
|
35
35
|
disabledTooltipPlacement?: never;
|
|
36
36
|
};
|
|
37
37
|
export type ButtonDisabledProps = {
|
|
38
|
-
disabledTooltip
|
|
38
|
+
disabledTooltip?: string;
|
|
39
39
|
disabled: boolean;
|
|
40
40
|
disabledTooltipVisible?: boolean;
|
|
41
41
|
disabledTooltipPlacement?: TooltipProps['placement'];
|
package/lib/Button.module.scss
CHANGED
|
@@ -214,6 +214,37 @@
|
|
|
214
214
|
@include disabledButtonColor;
|
|
215
215
|
}
|
|
216
216
|
}
|
|
217
|
+
|
|
218
|
+
&AuthSecondary {
|
|
219
|
+
@include buttonColor(c.$authSecondary);
|
|
220
|
+
|
|
221
|
+
border-color: c.$colorNeutralWhite;
|
|
222
|
+
|
|
223
|
+
&:hover,
|
|
224
|
+
&.hover,
|
|
225
|
+
&:focus-visible,
|
|
226
|
+
&.focus {
|
|
227
|
+
@include buttonColor(lighten(c.$authSecondary, 10%));
|
|
228
|
+
}
|
|
229
|
+
|
|
230
|
+
&:active,
|
|
231
|
+
&.active {
|
|
232
|
+
@include buttonColor(darken(c.$authSecondary, 10%));
|
|
233
|
+
}
|
|
234
|
+
|
|
235
|
+
&.variantContained {
|
|
236
|
+
color: c.$colorNeutralWhite;
|
|
237
|
+
}
|
|
238
|
+
|
|
239
|
+
&.variantOutlined {
|
|
240
|
+
border-color: c.$authSecondary;
|
|
241
|
+
}
|
|
242
|
+
|
|
243
|
+
&:disabled {
|
|
244
|
+
color: c.$colorText;
|
|
245
|
+
background-color: c.$colorNeutralWhite;
|
|
246
|
+
}
|
|
247
|
+
}
|
|
217
248
|
}
|
|
218
249
|
|
|
219
250
|
&.variant {
|
package/lib/Checkbox.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ChangeEvent,
|
|
1
|
+
import React, { ChangeEvent, FocusEvent, ReactElement, ReactText, MouseEvent } from 'react';
|
|
2
2
|
import { DataTestProp } from '@hazelcast/helpers';
|
|
3
3
|
import { HelpProps } from './Help';
|
|
4
4
|
type CheckboxCoreProps = {
|
|
@@ -18,9 +18,9 @@ export type CheckboxExtraProps = {
|
|
|
18
18
|
required?: boolean;
|
|
19
19
|
className?: string;
|
|
20
20
|
classNameLabel?: string;
|
|
21
|
+
'aria-label'?: string;
|
|
21
22
|
classNameCheckmark?: string;
|
|
22
23
|
};
|
|
23
|
-
type CheckboxProps = CheckboxCoreProps & CheckboxExtraProps & DataTestProp;
|
|
24
24
|
/**
|
|
25
25
|
* ### Purpose
|
|
26
26
|
* Forms require input from users. If you need information that can be represented as boolean, use input with type 'checkbox'.
|
|
@@ -31,5 +31,5 @@ type CheckboxProps = CheckboxCoreProps & CheckboxExtraProps & DataTestProp;
|
|
|
31
31
|
* - It's important to realise that we don't set checkbox value, but state (on/off). That is the main difference from other input types.
|
|
32
32
|
* - They can have a special indeterminate state, that represents a '3rd' value, usually used in tree structures, etc.
|
|
33
33
|
*/
|
|
34
|
-
export declare const Checkbox:
|
|
34
|
+
export declare const Checkbox: React.ForwardRefExoticComponent<CheckboxCoreProps & CheckboxExtraProps & DataTestProp & React.RefAttributes<HTMLDivElement>>;
|
|
35
35
|
export {};
|
package/lib/Checkbox.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React, { useRef } from 'react';
|
|
1
|
+
import React, { useRef, forwardRef } from 'react';
|
|
2
2
|
import { Check, Minus } from 'react-feather';
|
|
3
3
|
import { useUID } from 'react-uid';
|
|
4
4
|
import classNames from 'classnames';
|
|
@@ -16,11 +16,11 @@ import { TruncatedText } from './TruncatedText';
|
|
|
16
16
|
* - It's important to realise that we don't set checkbox value, but state (on/off). That is the main difference from other input types.
|
|
17
17
|
* - They can have a special indeterminate state, that represents a '3rd' value, usually used in tree structures, etc.
|
|
18
18
|
*/
|
|
19
|
-
export const Checkbox = (props) => {
|
|
20
|
-
const { checked, name, onChange, onBlur, className, classNameLabel, classNameCheckmark, value, indeterminate = false, label, helperText, error, disabled = false, required, 'data-test': dataTest, onClick, } = props;
|
|
19
|
+
export const Checkbox = forwardRef((props, ref) => {
|
|
20
|
+
const { checked, name, onChange, onBlur, className, classNameLabel, classNameCheckmark, value, indeterminate = false, label, helperText, error, disabled = false, required, 'data-test': dataTest, 'aria-label': ariaLabel, onClick, } = props;
|
|
21
21
|
const inputRef = useRef(null);
|
|
22
22
|
const id = useUID();
|
|
23
|
-
return (React.createElement("div", { className: classNames(className, { [styles.withError]: 'error' in props }), "data-test": dataTest },
|
|
23
|
+
return (React.createElement("div", { ref: ref, className: classNames(className, { [styles.withError]: 'error' in props }), "data-test": dataTest },
|
|
24
24
|
React.createElement("label", { className: classNames(styles.wrapper, {
|
|
25
25
|
[styles.error]: !!error,
|
|
26
26
|
[styles.checked]: checked,
|
|
@@ -29,9 +29,10 @@ export const Checkbox = (props) => {
|
|
|
29
29
|
}, classNameLabel), htmlFor: id },
|
|
30
30
|
label !== undefined && (React.createElement("div", { className: styles.name, "data-test": "input-checkbox-label" },
|
|
31
31
|
React.createElement(TruncatedText, { text: label }))),
|
|
32
|
-
React.createElement("input", { type: "checkbox", ref: inputRef, id: id, name: name, checked: !!checked, onChange: onChange, onBlur: onBlur, onClick: onClick, value: value, disabled: disabled, "aria-invalid": !!error, "aria-required": required, "aria-describedby": helperText && helpTooltipId(id), "aria-errormessage": error && errorId(id) }),
|
|
32
|
+
React.createElement("input", { type: "checkbox", ref: inputRef, id: id, name: name, "aria-label": ariaLabel, checked: !!checked, onChange: onChange, onBlur: onBlur, onClick: onClick, value: value, disabled: disabled, "aria-invalid": !!error, "aria-required": required, "aria-describedby": helperText && helpTooltipId(id), "aria-errormessage": error && errorId(id) }),
|
|
33
33
|
indeterminate ? (React.createElement(Minus, { className: classNames(styles.checkmark, classNameCheckmark) })) : (React.createElement(Check, { className: classNames(styles.checkmark, classNameCheckmark) })),
|
|
34
34
|
helperText && React.createElement(Help, { parentId: id, helperText: helperText, className: styles.helperText })),
|
|
35
35
|
React.createElement(Error, { truncated: true, error: error, className: styles.errorContainer, inputId: id })));
|
|
36
|
-
};
|
|
36
|
+
});
|
|
37
|
+
Checkbox.displayName = 'Checkbox';
|
|
37
38
|
//# sourceMappingURL=Checkbox.js.map
|
package/lib/Checkbox.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../src/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../src/Checkbox.tsx"],"names":[],"mappings":"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"}
|
package/lib/NumberFieldFormik.js
CHANGED
|
@@ -2,6 +2,26 @@ import React from 'react';
|
|
|
2
2
|
import { useField, useFormikContext } from 'formik';
|
|
3
3
|
import { NumberField } from './NumberField';
|
|
4
4
|
import { getFieldError } from './utils/formik';
|
|
5
|
+
const changeNestedObjectValue = (oldValues, name, updatedValue) => {
|
|
6
|
+
const nameProps = name.split('.');
|
|
7
|
+
const newValues = {
|
|
8
|
+
...oldValues,
|
|
9
|
+
};
|
|
10
|
+
nameProps.reduce((nestedValues, nextName, currentIndex) => {
|
|
11
|
+
if (currentIndex < nameProps.length - 1) {
|
|
12
|
+
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
13
|
+
// @ts-ignore
|
|
14
|
+
return nestedValues[nextName] || {};
|
|
15
|
+
}
|
|
16
|
+
else {
|
|
17
|
+
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
18
|
+
// @ts-ignore
|
|
19
|
+
nestedValues[nextName] = updatedValue;
|
|
20
|
+
return nestedValues;
|
|
21
|
+
}
|
|
22
|
+
}, newValues);
|
|
23
|
+
return newValues;
|
|
24
|
+
};
|
|
5
25
|
export const NumberFieldFormik = ({ name, validate, onChange, ...props }) => {
|
|
6
26
|
const [{ value, onBlur }, meta, { setTouched }] = useField({
|
|
7
27
|
name,
|
|
@@ -16,10 +36,7 @@ export const NumberFieldFormik = ({ name, validate, onChange, ...props }) => {
|
|
|
16
36
|
setTouched(true, false);
|
|
17
37
|
// Override default behavior by forcing undefined to be set on the state
|
|
18
38
|
if (value === undefined) {
|
|
19
|
-
const newValues =
|
|
20
|
-
...formik.values,
|
|
21
|
-
[name]: undefined,
|
|
22
|
-
};
|
|
39
|
+
const newValues = changeNestedObjectValue(formik.values, name, value);
|
|
23
40
|
formik.setValues({
|
|
24
41
|
...newValues,
|
|
25
42
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NumberFieldFormik.js","sourceRoot":"","sources":["../src/NumberFieldFormik.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuB,MAAM,OAAO,CAAA;AAC3C,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAA;AAEnD,OAAO,EAAE,WAAW,EAAyB,MAAM,eAAe,CAAA;AAClE,OAAO,EAAyB,aAAa,EAAE,MAAM,gBAAgB,CAAA;AASrE,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAmB,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,KAAK,EAA6B,EAAgB,EAAE;IACrI,MAAM,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,IAAI,EAAE,EAAE,UAAU,EAAE,CAAC,GAAG,QAAQ,CAAqB;QAC7E,IAAI;QACJ,QAAQ;KACT,CAAC,CAAA;IAEF,MAAM,MAAM,GAAG,gBAAgB,EAAK,CAAA;IAEpC,MAAM,YAAY,GAAG,CAAC,KAAyB,EAAE,EAAE;QACjD,IAAI,QAAQ,EAAE;YACZ,QAAQ,CAAC,KAAK,CAAC,CAAA;SAChB;QAED,gDAAgD;QAChD,UAAU,CAAC,IAAI,EAAE,KAAK,CAAC,CAAA;QACvB,wEAAwE;QACxE,IAAI,KAAK,KAAK,SAAS,EAAE;YACvB,MAAM,SAAS,GAAG
|
|
1
|
+
{"version":3,"file":"NumberFieldFormik.js","sourceRoot":"","sources":["../src/NumberFieldFormik.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuB,MAAM,OAAO,CAAA;AAC3C,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAA;AAEnD,OAAO,EAAE,WAAW,EAAyB,MAAM,eAAe,CAAA;AAClE,OAAO,EAAyB,aAAa,EAAE,MAAM,gBAAgB,CAAA;AASrE,MAAM,uBAAuB,GAAG,CAAmB,SAAY,EAAE,IAAY,EAAE,YAAgC,EAAE,EAAE;IACjH,MAAM,SAAS,GAAa,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAA;IAC3C,MAAM,SAAS,GAAG;QAChB,GAAG,SAAS;KACb,CAAA;IACD,SAAS,CAAC,MAAM,CAAC,CAAC,YAAoB,EAAE,QAAgB,EAAE,YAAY,EAAE,EAAE;QACxE,IAAI,YAAY,GAAG,SAAS,CAAC,MAAM,GAAG,CAAC,EAAE;YACvC,6DAA6D;YAC7D,aAAa;YACb,OAAQ,YAAY,CAAC,QAAQ,CAAY,IAAI,EAAE,CAAA;SAChD;aAAM;YACL,6DAA6D;YAC7D,aAAa;YACb,YAAY,CAAC,QAAQ,CAAC,GAAG,YAAY,CAAA;YACrC,OAAO,YAAY,CAAA;SACpB;IACH,CAAC,EAAE,SAAS,CAAC,CAAA;IACb,OAAO,SAAS,CAAA;AAClB,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAmB,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,KAAK,EAA6B,EAAgB,EAAE;IACrI,MAAM,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,IAAI,EAAE,EAAE,UAAU,EAAE,CAAC,GAAG,QAAQ,CAAqB;QAC7E,IAAI;QACJ,QAAQ;KACT,CAAC,CAAA;IAEF,MAAM,MAAM,GAAG,gBAAgB,EAAK,CAAA;IAEpC,MAAM,YAAY,GAAG,CAAC,KAAyB,EAAE,EAAE;QACjD,IAAI,QAAQ,EAAE;YACZ,QAAQ,CAAC,KAAK,CAAC,CAAA;SAChB;QAED,gDAAgD;QAChD,UAAU,CAAC,IAAI,EAAE,KAAK,CAAC,CAAA;QACvB,wEAAwE;QACxE,IAAI,KAAK,KAAK,SAAS,EAAE;YACvB,MAAM,SAAS,GAAG,uBAAuB,CAAC,MAAM,CAAC,MAAM,EAAE,IAAI,EAAE,KAAK,CAAC,CAAA;YACrE,MAAM,CAAC,SAAS,CAAC;gBACf,GAAG,SAAS;aACb,CAAC,CAAA;YACF,KAAK,MAAM,CAAC,YAAY,CAAC;gBACvB,GAAG,SAAS;aACb,CAAC,CAAA;SACH;aAAM;YACL,yCAAyC;YACzC,MAAM,CAAC,aAAa,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,CAAA;SACxC;IACH,CAAC,CAAA;IAED,OAAO,oBAAC,WAAW,OAAK,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,aAAa,CAAC,IAAI,CAAC,GAAI,CAAA;AACjI,CAAC,CAAA"}
|
|
@@ -27,6 +27,8 @@ export type CheckableSelectFieldExtraProps<V> = {
|
|
|
27
27
|
noOptionsMessage?: string;
|
|
28
28
|
defaultOpen?: boolean;
|
|
29
29
|
id?: string;
|
|
30
|
+
filterOptionsLabel?: string;
|
|
31
|
+
filterOptions?: (candidate: SelectFieldOption<V>, input: string) => boolean;
|
|
30
32
|
};
|
|
31
33
|
export type CheckableSelectProps<V> = CheckableSelectFieldCoreStaticProps<V> & CheckableSelectFieldExtraProps<V>;
|
|
32
34
|
export interface CheckMarkProps {
|
|
@@ -5,17 +5,20 @@ import cls from 'classnames';
|
|
|
5
5
|
import { Popover } from '../Popover';
|
|
6
6
|
import { Link } from '../Link';
|
|
7
7
|
import { TextField } from '../TextField';
|
|
8
|
+
import { Tooltip } from '../Tooltip';
|
|
9
|
+
import { Checkbox } from '../Checkbox';
|
|
8
10
|
import { useOpenCloseState } from '../hooks';
|
|
9
|
-
import styles from './CheckableSelectField.module.scss';
|
|
10
11
|
import { TruncatedText } from '../TruncatedText';
|
|
12
|
+
import styles from './CheckableSelectField.module.scss';
|
|
11
13
|
const Checkmark = ({ checked }) => {
|
|
12
14
|
const classNames = cls(styles.checkmark, { [styles.checked]: checked });
|
|
13
15
|
return checked ? React.createElement(Check, { className: classNames }) : React.createElement(Minus, { className: classNames });
|
|
14
16
|
};
|
|
15
17
|
export const CheckableSelectField = (props) => {
|
|
16
|
-
const { options, onChange, value, size = 'small', placeholder = 'Search', placeholderMode = 'normal', label, showAriaLabel, disabled, helperText, className, error, onBlur, name, required, defaultOpen = false, 'data-test': dataTest, allSelectedLabel = 'All selected', noneSelectedLabel = 'None selected', noOptionsMessage = 'No options', id: rootId, } = props;
|
|
18
|
+
const { options, onChange, value, size = 'small', placeholder = 'Search', placeholderMode = 'normal', label, showAriaLabel, disabled, helperText, className, error, onBlur, name, required, defaultOpen = false, 'data-test': dataTest, allSelectedLabel = 'All selected', noneSelectedLabel = 'None selected', noOptionsMessage = 'No options', id: rootId, filterOptions, filterOptionsLabel, } = props;
|
|
17
19
|
const id = useUID();
|
|
18
20
|
const { isOpen, toggle, close } = useOpenCloseState(defaultOpen);
|
|
21
|
+
const { isOpen: isCustomSearchEnabled, toggle: toggleCustomSearch } = useOpenCloseState(false);
|
|
19
22
|
const [searchValue, setSearchValue] = useState('');
|
|
20
23
|
const [forceUpdateToken, setForceUpdateToken] = useState(1);
|
|
21
24
|
const [anchorElement, setAnchorElement] = useState(null);
|
|
@@ -27,8 +30,13 @@ export const CheckableSelectField = (props) => {
|
|
|
27
30
|
const valueSet = useMemo(() => new Set(value), [value]);
|
|
28
31
|
const filteredOptions = useMemo(() => {
|
|
29
32
|
const value = searchValue.toLowerCase();
|
|
30
|
-
return options.filter((
|
|
31
|
-
|
|
33
|
+
return options.filter((option) => {
|
|
34
|
+
if (isCustomSearchEnabled && filterOptions) {
|
|
35
|
+
return filterOptions(option, value);
|
|
36
|
+
}
|
|
37
|
+
return option.label.toLowerCase().includes(value);
|
|
38
|
+
});
|
|
39
|
+
}, [options, searchValue, isCustomSearchEnabled, filterOptions]);
|
|
32
40
|
const getValueLabel = () => {
|
|
33
41
|
if (placeholderMode === 'permanent') {
|
|
34
42
|
return placeholder;
|
|
@@ -47,7 +55,9 @@ export const CheckableSelectField = (props) => {
|
|
|
47
55
|
}), error: error, onBlur: onBlur, readOnly: true, required: required, "data-test": `${dataTest}-opener`, value: getValueLabel(), inputTrailingIconLabel: isOpen ? 'Close' : 'Open', inputTrailingIcon: isOpen ? ChevronUp : ChevronDown }),
|
|
48
56
|
React.createElement(Popover, { matchReferenceSize: true, anchorElement: anchorElement, open: isOpen, onClose: close, className: styles.panel, onUpdateLayout: () => setForceUpdateToken((token) => token + 1) },
|
|
49
57
|
React.createElement("div", { className: styles.dropdown, "data-test": `${dataTest}-dropdown` },
|
|
50
|
-
React.createElement(
|
|
58
|
+
React.createElement("div", { className: styles.search },
|
|
59
|
+
React.createElement(TextField, { size: size, iconSize: "medium", className: styles.searchField, name: "checkable-select-search", "data-test": `${dataTest}-search`, onChange: (e) => setSearchValue(e.target.value), value: searchValue, label: "", disabled: disabled, placeholder: placeholder }),
|
|
60
|
+
filterOptions && (React.createElement(Tooltip, { content: filterOptionsLabel, zIndex: 21 }, (tooltipRef) => (React.createElement(Checkbox, { ref: tooltipRef, "aria-label": "Custom search checkbox", checked: isCustomSearchEnabled, name: "toggle custom search", onChange: toggleCustomSearch, "data-test": `${dataTest}-toggle-custom-search` }))))),
|
|
51
61
|
React.createElement("div", { className: styles.options }, filteredOptions.length > 0 ? (filteredOptions.map((option) => {
|
|
52
62
|
const isChecked = valueSet.has(option.value);
|
|
53
63
|
return (React.createElement("button", { type: "button", key: option.value, name: option.label, "data-test": `${dataTest}-option`, className: cls(styles.option, { [styles.optionChecked]: isChecked }), onClick: () => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CheckableSelectField.js","sourceRoot":"","sources":["../../src/Select/CheckableSelectField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAyB,WAAW,EAAE,OAAO,EAAE,QAAQ,EAAiB,MAAM,OAAO,CAAA;AACnG,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AACpE,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAClC,OAAO,GAAG,MAAM,YAAY,CAAA;AAE5B,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAE9B,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAExC,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"CheckableSelectField.js","sourceRoot":"","sources":["../../src/Select/CheckableSelectField.tsx"],"names":[],"mappings":"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"}
|
package/lib/Tooltip.d.ts
CHANGED
|
@@ -12,12 +12,13 @@ export type TooltipProps = {
|
|
|
12
12
|
placement?: Placement;
|
|
13
13
|
visible?: boolean;
|
|
14
14
|
hoverAbleTooltip?: boolean;
|
|
15
|
-
children: (ref: React.Dispatch<React.SetStateAction<HTMLElement | null>>, onMouseEnter?: MouseEventHandler
|
|
15
|
+
children: (ref: React.Dispatch<React.SetStateAction<HTMLElement | null>>, onMouseEnter?: MouseEventHandler, onMouseLeave?: MouseEventHandler) => ReactNode;
|
|
16
16
|
popperRef?: MutableRefObject<PopperRef | undefined>;
|
|
17
17
|
updateToken?: ReactText | boolean;
|
|
18
18
|
tooltipContainer?: PortalContainer;
|
|
19
19
|
wordBreak?: CSSProperties['wordBreak'];
|
|
20
20
|
disabled?: boolean;
|
|
21
|
+
zIndex?: number;
|
|
21
22
|
};
|
|
22
23
|
/**
|
|
23
24
|
* ### Purpose
|
package/lib/Tooltip.js
CHANGED
|
@@ -5,7 +5,6 @@ import cn from 'classnames';
|
|
|
5
5
|
import { containsElement } from './hooks';
|
|
6
6
|
import { getPortalContainer } from './utils/portal';
|
|
7
7
|
import styles from './Tooltip.module.scss';
|
|
8
|
-
const tooltipZIndex = 20;
|
|
9
8
|
const TooltipContext = createContext(null);
|
|
10
9
|
/**
|
|
11
10
|
* ### Purpose
|
|
@@ -23,7 +22,7 @@ const TooltipContext = createContext(null);
|
|
|
23
22
|
* ### Usage
|
|
24
23
|
* Wrap the target element with Tooltip component and use the "content" property to define what should be displayed inside the tooltip.
|
|
25
24
|
*/
|
|
26
|
-
export const Tooltip = ({ id, content, hideTimeoutDuration = 100, offset = 10, padding = 10, placement = 'top', visible: visibilityOverride, children, popperRef, wordBreak, updateToken, tooltipContainer = 'body', hoverAbleTooltip = true, disabled = false, }) => {
|
|
25
|
+
export const Tooltip = ({ id, content, hideTimeoutDuration = 100, offset = 10, padding = 10, placement = 'top', visible: visibilityOverride, children, popperRef, wordBreak, updateToken, tooltipContainer = 'body', hoverAbleTooltip = true, disabled = false, zIndex = 20, }) => {
|
|
27
26
|
const [isShown, setShown] = useState(false);
|
|
28
27
|
const timeoutRef = useRef(null);
|
|
29
28
|
const context = useContext(TooltipContext);
|
|
@@ -127,7 +126,7 @@ export const Tooltip = ({ id, content, hideTimeoutDuration = 100, offset = 10, p
|
|
|
127
126
|
ReactDOM.createPortal(React.createElement(React.Fragment, null,
|
|
128
127
|
React.createElement("span", { ref: setPopperElement, className: cn(styles.overlay, {
|
|
129
128
|
[styles.hidden]: !isTooltipVisible,
|
|
130
|
-
}), style: { ...popper.styles.popper, ...{ zIndex: context ?
|
|
129
|
+
}), style: { ...popper.styles.popper, ...{ zIndex: context ? zIndex + 1 : zIndex }, wordBreak }, "data-test": "tooltip-overlay", "aria-hidden": true, ...popper.attributes.popper },
|
|
131
130
|
content,
|
|
132
131
|
React.createElement("span", { ref: setArrowElement, className: styles.arrow, style: popper.styles.arrow, "data-test": "tooltip-arrow", ...popper.attributes.arrow }))), tooltipPortalContainer)))));
|
|
133
132
|
};
|
package/lib/Tooltip.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../src/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAGZ,WAAW,EACX,QAAQ,EACR,mBAAmB,EAGnB,eAAe,EACf,aAAa,EACb,UAAU,EACV,OAAO,EACP,MAAM,EACN,SAAS,GAGV,MAAM,OAAO,CAAA;AACd,OAAO,QAAQ,MAAM,WAAW,CAAA;AAEhC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AACxC,OAAO,EAAE,MAAM,YAAY,CAAA;AAE3B,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AACzC,OAAO,EAAE,kBAAkB,EAAmB,MAAM,gBAAgB,CAAA;AAEpE,OAAO,MAAM,MAAM,uBAAuB,CAAA;AAE1C,MAAM,
|
|
1
|
+
{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../src/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAGZ,WAAW,EACX,QAAQ,EACR,mBAAmB,EAGnB,eAAe,EACf,aAAa,EACb,UAAU,EACV,OAAO,EACP,MAAM,EACN,SAAS,GAGV,MAAM,OAAO,CAAA;AACd,OAAO,QAAQ,MAAM,WAAW,CAAA;AAEhC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AACxC,OAAO,EAAE,MAAM,YAAY,CAAA;AAE3B,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AACzC,OAAO,EAAE,kBAAkB,EAAmB,MAAM,gBAAgB,CAAA;AAEpE,OAAO,MAAM,MAAM,uBAAuB,CAAA;AAE1C,MAAM,cAAc,GAAG,aAAa,CAK1B,IAAI,CAAC,CAAA;AA0Bf;;;;;;;;;;;;;;;GAeG;AACH,MAAM,CAAC,MAAM,OAAO,GAAqB,CAAC,EACxC,EAAE,EACF,OAAO,EACP,mBAAmB,GAAG,GAAG,EACzB,MAAM,GAAG,EAAE,EACX,OAAO,GAAG,EAAE,EACZ,SAAS,GAAG,KAAK,EACjB,OAAO,EAAE,kBAAkB,EAC3B,QAAQ,EACR,SAAS,EACT,SAAS,EACT,WAAW,EACX,gBAAgB,GAAG,MAAM,EACzB,gBAAgB,GAAG,IAAI,EACvB,QAAQ,GAAG,KAAK,EAChB,MAAM,GAAG,EAAE,GACZ,EAAE,EAAE;IACH,MAAM,CAAC,OAAO,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAA;IACpD,MAAM,UAAU,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAA;IAEtD,MAAM,OAAO,GAAG,UAAU,CAAC,cAAc,CAAC,CAAA;IAE1C,MAAM,gBAAgB,GAAG,WAAW,CAAC,GAAG,EAAE;QACxC,MAAM,SAAS,GAAG,UAAU,CAAC,OAAO,CAAA;QAEpC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,gBAAgB,EAAE,CAAA;QAE3B,IAAI,SAAS,KAAK,IAAI,EAAE;YACtB,YAAY,CAAC,SAAS,CAAC,CAAA;SACxB;IACH,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAA;IAEb;;;OAGG;IACH,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAqB,IAAI,CAAC,CAAA;IAClF,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAyB,IAAI,CAAC,CAAA;IAChF,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAyB,IAAI,CAAC,CAAA;IAE9E,MAAM,MAAM,GAAG,SAAS,CAAC,gBAAgB,EAAE,aAAa,EAAE;QACxD,SAAS;QACT,SAAS,EAAE;YACT;gBACE,IAAI,EAAE,OAAO;gBACb,OAAO,EAAE;oBACP,OAAO,EAAE,YAAY;oBACrB,OAAO;iBACR;aACF;YACD;gBACE,IAAI,EAAE,QAAQ;gBACd,OAAO,EAAE;oBACP,MAAM,EAAE,CAAC,CAAC,EAAE,MAAM,CAAC;iBACpB;aACF;SACF;KACF,CAAC,CAAA;IAEF,mBAAmB,CAAC,SAAS,EAAE,GAAG,EAAE,CAAC,MAAM,EAAE,CAAC,MAAM,CAAC,CAAC,CAAA;IAEtD,MAAM,YAAY,GAAG,WAAW,CAAC,GAAG,EAAE;QACpC,gBAAgB,EAAE,CAAA;QAClB,QAAQ,CAAC,IAAI,CAAC,CAAA;IAChB,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAA;IAEtB,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,KAAa,EAAE,EAAE;QAChB,MAAM,CAAC,GAAG,KAAmB,CAAA;QAC7B,MAAM,EAAE,aAAa,EAAE,GAAG,CAAC,aAAD,CAAC,cAAD,CAAC,GAAI,EAAE,CAAA;QAEjC,UAAU,CAAC,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;YACnC,IAAI,aAAa,EAAE;gBACjB,IACE,CAAC,eAAe,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,gBAAgB,EAAE,aAAqB,CAAC;oBAClE,CAAC,eAAe,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,aAAa,EAAE,aAAqB,CAAC,EAC/D;oBACA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,EAAE,CAAA;iBAChB;aACF;YACD,QAAQ,CAAC,KAAK,CAAC,CAAA;QACjB,CAAC,EAAE,mBAAmB,CAAC,CAAA;IACzB,CAAC,EACD,CAAC,mBAAmB,EAAE,OAAO,CAAC,CAC/B,CAAA;IAED,MAAM,YAAY,GAAG,OAAO,CAC1B,GAAG,EAAE,CAAC,CAAC;QACL,aAAa;QACb,gBAAgB;QAChB,IAAI,EAAE,YAAY;QAClB,gBAAgB;KACjB,CAAC,EACF,CAAC,YAAY,EAAE,gBAAgB,EAAE,aAAa,EAAE,gBAAgB,CAAC,CAClE,CAAA;IAED,+DAA+D;IAC/D,MAAM,gBAAgB,GAAG,CAAC,QAAQ,IAAI,CAAC,kBAAkB,IAAI,OAAO,CAAC,CAAA;IAErE,qEAAqE;IACrE,eAAe,CAAC,GAAG,EAAE;;QACnB,IAAI,OAAO,EAAE;YACX,KAAK,CAAA,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,sDAAI,CAAA,CAAA;SACxB;QACD,uDAAuD;IACzD,CAAC,EAAE,CAAC,gBAAgB,EAAE,WAAW,CAAC,CAAC,CAAA;IACnC,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,GAAG,EAAE;YACV,gBAAgB,EAAE,CAAA;QACpB,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAA;IACtB,SAAS,CAAC,GAAG,EAAE;QACb,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,gBAAgB,CAAC,YAAY,EAAE,YAAY,EAAE,KAAK,CAAC,CAAA;QACrE,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,gBAAgB,CAAC,YAAY,EAAE,YAAY,EAAE,KAAK,CAAC,CAAA;QAErE,OAAO,GAAG,EAAE;YACV,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,mBAAmB,CAAC,YAAY,EAAE,YAAY,CAAC,CAAA;YACjE,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,mBAAmB,CAAC,YAAY,EAAE,YAAY,CAAC,CAAA;QACnE,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,gBAAgB,EAAE,YAAY,EAAE,YAAY,CAAC,CAAC,CAAA;IAClD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,gBAAgB,EAAE;YACpB,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,gBAAgB,CAAC,YAAY,EAAE,YAAY,EAAE,KAAK,CAAC,CAAA;YAClE,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,gBAAgB,CAAC,YAAY,EAAE,YAAY,EAAE,KAAK,CAAC,CAAA;SACnE;QAED,OAAO,GAAG,EAAE;YACV,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,mBAAmB,CAAC,YAAY,EAAE,YAAY,CAAC,CAAA;YAC9D,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,mBAAmB,CAAC,YAAY,EAAE,YAAY,CAAC,CAAA;QAChE,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,aAAa,EAAE,YAAY,EAAE,YAAY,EAAE,gBAAgB,CAAC,CAAC,CAAA;IAEjE,MAAM,sBAAsB,GAAG,kBAAkB,CAAC,gBAAgB,EAAE,gBAAgB,CAAC,CAAA;IAErF,OAAO,CACL,oBAAC,cAAc,CAAC,QAAQ,IAAC,KAAK,EAAE,YAAY;QACzC,QAAQ,CAAC,mBAAmB,EAAE,YAAY,EAAE,CAAC,CAAU,EAAE,EAAE;YAC1D,YAAY,CAAC,CAAU,CAAC,CAAA;QAC1B,CAAC,CAAC;QAED,OAAO,KAAK,SAAS,IAAI,CACxB;YACE,iCAAU,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,EAAE,SAAS,EAAE,MAAM,CAAC,SAAS,EAAE,IAAI,EAAC,SAAS,eAAW,YAAY,IACzF,OAAO,CACH;YACN,sBAAsB;gBACrB,QAAQ,CAAC,YAAY,CACnB;oBACE,8BACE,GAAG,EAAE,gBAAgB,EACrB,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,OAAO,EAAE;4BAC5B,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,gBAAgB;yBACnC,CAAC,EACF,KAAK,EAAE,EAAE,GAAG,MAAM,CAAC,MAAM,CAAC,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE,EAAE,SAAS,EAAE,eACjF,iBAAiB,0BAEvB,MAAM,CAAC,UAAU,CAAC,MAAM;wBAE3B,OAAO;wBACR,8BACE,GAAG,EAAE,eAAe,EACpB,SAAS,EAAE,MAAM,CAAC,KAAK,EACvB,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,KAAK,eAChB,eAAe,KACrB,MAAM,CAAC,UAAU,CAAC,KAAK,GAC3B,CACG,CACN,EACH,sBAAsB,CACvB,CACF,CACJ,CACuB,CAC3B,CAAA;AACH,CAAC,CAAA"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@hazelcast/ui",
|
|
3
|
-
"version": "1.3.2
|
|
3
|
+
"version": "1.3.2",
|
|
4
4
|
"description": "Hazelcast design system components",
|
|
5
5
|
"author": "",
|
|
6
6
|
"homepage": "https://github.com/hazelcast/frontend-shared#readme",
|
|
@@ -46,8 +46,8 @@
|
|
|
46
46
|
"url": "https://github.com/hazelcast/frontend-shared/issues"
|
|
47
47
|
},
|
|
48
48
|
"dependencies": {
|
|
49
|
-
"@hazelcast/helpers": "^1.3.
|
|
50
|
-
"@hazelcast/services": "^1.3.
|
|
49
|
+
"@hazelcast/helpers": "^1.3.2",
|
|
50
|
+
"@hazelcast/services": "^1.3.2",
|
|
51
51
|
"@headlessui/react": "^1.4.2",
|
|
52
52
|
"@icons-pack/react-simple-icons": "^9.3.0",
|
|
53
53
|
"@popperjs/core": "^2.11.7",
|
|
@@ -74,7 +74,7 @@
|
|
|
74
74
|
"use-deep-compare": "^1.1.0"
|
|
75
75
|
},
|
|
76
76
|
"devDependencies": {
|
|
77
|
-
"@hazelcast/test-helpers": "^1.3.
|
|
77
|
+
"@hazelcast/test-helpers": "^1.3.2",
|
|
78
78
|
"@storybook/addon-docs": "^6.5.16",
|
|
79
79
|
"@storybook/addons": "^6.5.16",
|
|
80
80
|
"@storybook/builder-webpack5": "^6.5.16",
|
|
@@ -115,5 +115,5 @@
|
|
|
115
115
|
"react": "^17 || ^18",
|
|
116
116
|
"react-dom": "^17 || ^18"
|
|
117
117
|
},
|
|
118
|
-
"gitHead": "
|
|
118
|
+
"gitHead": "41e2edc241a2758e72938dcfe22df18108dcf49c"
|
|
119
119
|
}
|