@hazelcast/ui 1.3.2-next.4 → 1.3.2-next.40
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/Alert.d.ts +1 -0
- package/lib/Alert.js +2 -2
- package/lib/Alert.js.map +1 -1
- package/lib/AutocompleteField.d.ts +4 -1
- package/lib/AutocompleteField.js +6 -7
- package/lib/AutocompleteField.js.map +1 -1
- package/lib/AutocompleteField.module.scss +16 -0
- package/lib/Button.d.ts +3 -3
- package/lib/Button.js +1 -1
- package/lib/Button.js.map +1 -1
- package/lib/Button.module.scss +24 -1
- package/lib/Calendar/Calendar.d.ts +5 -1
- package/lib/Calendar/Calendar.js +30 -22
- package/lib/Calendar/Calendar.js.map +1 -1
- package/lib/Calendar/Calendar.module.scss +2 -1
- package/lib/Calendar/CalendarRange.d.ts +3 -3
- package/lib/Calendar/CalendarRange.js +5 -5
- package/lib/Calendar/CalendarRange.js.map +1 -1
- package/lib/Calendar/CalendarRange.module.scss +5 -0
- package/lib/Calendar/components/CalendarInput.d.ts +4 -2
- package/lib/Calendar/components/CalendarInput.js +3 -3
- package/lib/Calendar/components/CalendarInput.js.map +1 -1
- package/lib/Calendar/components/CalendarTime.js +15 -10
- package/lib/Calendar/components/CalendarTime.js.map +1 -1
- package/lib/Calendar/components/CalendarTime.module.scss +4 -0
- package/lib/Calendar/helpers/consts.js +97 -97
- package/lib/Calendar/helpers/consts.js.map +1 -1
- package/lib/Card.js +2 -2
- package/lib/Card.js.map +1 -1
- package/lib/Carousel.d.ts +25 -0
- package/lib/Carousel.js +28 -0
- package/lib/Carousel.js.map +1 -0
- package/lib/Carousel.module.scss +26 -0
- package/lib/Checkbox.d.ts +2 -1
- package/lib/Checkbox.js +2 -2
- package/lib/Checkbox.js.map +1 -1
- package/lib/FieldHeader.d.ts +3 -1
- package/lib/FieldHeader.js +2 -2
- package/lib/FieldHeader.js.map +1 -1
- package/lib/Help.d.ts +2 -1
- package/lib/Help.js +2 -2
- package/lib/Help.js.map +1 -1
- package/lib/Modal.d.ts +2 -0
- package/lib/Modal.js.map +1 -1
- package/lib/Overlay.d.ts +5 -0
- package/lib/Overlay.js +5 -5
- package/lib/Overlay.js.map +1 -1
- package/lib/Pagination.d.ts +4 -3
- package/lib/Pagination.js +7 -7
- package/lib/Pagination.js.map +1 -1
- package/lib/Popover.d.ts +2 -0
- package/lib/Popover.js +11 -5
- package/lib/Popover.js.map +1 -1
- package/lib/Select/CheckableSelectField.module.scss +1 -1
- package/lib/Select/MultiSelectField.js +3 -1
- package/lib/Select/MultiSelectField.js.map +1 -1
- package/lib/Select/SelectField.d.ts +3 -3
- package/lib/Select/SelectField.js +12 -3
- package/lib/Select/SelectField.js.map +1 -1
- package/lib/Select/SelectField.module.scss +0 -2
- package/lib/Table/Cell.d.ts +9 -1
- package/lib/Table/Cell.js +27 -8
- package/lib/Table/Cell.js.map +1 -1
- package/lib/Table/Cell.module.scss +8 -0
- package/lib/Table/CellWrapper.d.ts +11 -0
- package/lib/Table/CellWrapper.js +29 -0
- package/lib/Table/CellWrapper.js.map +1 -0
- package/lib/Table/Header.d.ts +4 -1
- package/lib/Table/Header.js +46 -7
- package/lib/Table/Header.js.map +1 -1
- package/lib/Table/Header.module.scss +19 -0
- package/lib/Table/Table.d.ts +15 -6
- package/lib/Table/Table.js +147 -85
- package/lib/Table/Table.js.map +1 -1
- package/lib/Table/Table.module.scss +23 -0
- package/lib/Table/TableContent.d.ts +25 -0
- package/lib/Table/TableContent.js +49 -0
- package/lib/Table/TableContent.js.map +1 -0
- package/lib/Table/TableContent.module.scss +5 -0
- package/lib/Table/constants.d.ts +2 -0
- package/lib/Table/constants.js +3 -0
- package/lib/Table/constants.js.map +1 -0
- package/lib/Table/features/columnsSelection/columnsSelection.d.ts +19 -0
- package/lib/Table/features/columnsSelection/columnsSelection.js +71 -0
- package/lib/Table/features/columnsSelection/columnsSelection.js.map +1 -0
- package/lib/Table/features/columnsSelection/helpers.d.ts +7 -0
- package/lib/Table/features/columnsSelection/helpers.js +26 -0
- package/lib/Table/features/columnsSelection/helpers.js.map +1 -0
- package/lib/Table/features/columnsSelection/index.d.ts +2 -0
- package/lib/Table/features/columnsSelection/index.js +3 -0
- package/lib/Table/features/columnsSelection/index.js.map +1 -0
- package/lib/Tabs/Tab.d.ts +18 -4
- package/lib/Tabs/Tab.js +15 -4
- package/lib/Tabs/Tab.js.map +1 -1
- package/lib/TextField.js +2 -2
- package/lib/TextField.js.map +1 -1
- package/lib/TimeField.js +4 -12
- package/lib/TimeField.js.map +1 -1
- package/lib/TimeField.module.scss +0 -87
- package/lib/Tooltip.d.ts +4 -3
- package/lib/Tooltip.js +4 -14
- package/lib/Tooltip.js.map +1 -1
- package/lib/hooks/index.d.ts +0 -1
- package/lib/hooks/index.js +0 -1
- package/lib/hooks/index.js.map +1 -1
- package/lib/hooks/useCloseOnResize.d.ts +8 -0
- package/lib/hooks/useCloseOnResize.js +16 -0
- package/lib/hooks/useCloseOnResize.js.map +1 -0
- package/lib/index.d.ts +2 -4
- package/lib/index.js +2 -4
- package/lib/index.js.map +1 -1
- package/lib/utils/portal.d.ts +2 -0
- package/lib/utils/portal.js +15 -0
- package/lib/utils/portal.js.map +1 -0
- package/lib/utils/test.d.ts +3 -1
- package/lib/utils/test.js.map +1 -1
- package/package.json +6 -7
- package/styles/constants/_colors.scss +1 -0
- package/lib/Code.d.ts +0 -8
- package/lib/Code.js +0 -16
- package/lib/Code.js.map +0 -1
- package/lib/CodeEditor.d.ts +0 -28
- package/lib/CodeEditor.js +0 -180
- package/lib/CodeEditor.js.map +0 -1
- package/lib/CodeEditor.module.scss +0 -32
- package/lib/CodeEditorFormik.d.ts +0 -9
- package/lib/CodeEditorFormik.js +0 -14
- package/lib/CodeEditorFormik.js.map +0 -1
- package/lib/hooks/useTableCustomizableColumns.d.ts +0 -9
- package/lib/hooks/useTableCustomizableColumns.js +0 -23
- package/lib/hooks/useTableCustomizableColumns.js.map +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/Table/features/columnsSelection/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAA;AAClC,cAAc,WAAW,CAAA"}
|
package/lib/Tabs/Tab.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { FC, MouseEvent, KeyboardEvent } from 'react';
|
|
1
|
+
import { FC, MouseEvent, KeyboardEvent, ReactNode } from 'react';
|
|
2
2
|
import { IconProps } from '../Icon';
|
|
3
3
|
export declare type AnchorTabProps = {
|
|
4
4
|
component: 'a';
|
|
@@ -9,19 +9,33 @@ export declare type ButtonTabProps = {
|
|
|
9
9
|
href?: never;
|
|
10
10
|
};
|
|
11
11
|
declare type TabTypeProps = AnchorTabProps | ButtonTabProps;
|
|
12
|
-
declare type
|
|
12
|
+
declare type TabLabelProps = {
|
|
13
|
+
/** @deprecated The property should not be used */
|
|
14
|
+
label: string;
|
|
13
15
|
icon: IconProps['icon'];
|
|
14
16
|
iconAriaLabel: string;
|
|
17
|
+
children?: never;
|
|
18
|
+
ariaLabel?: never;
|
|
19
|
+
} | {
|
|
20
|
+
/** @deprecated The property should not be used */
|
|
21
|
+
label: string;
|
|
22
|
+
icon?: never;
|
|
23
|
+
iconAriaLabel?: never;
|
|
24
|
+
children?: never;
|
|
25
|
+
ariaLabel?: never;
|
|
15
26
|
} | {
|
|
27
|
+
label?: never;
|
|
16
28
|
icon?: never;
|
|
17
29
|
iconAriaLabel?: never;
|
|
30
|
+
children: ReactNode;
|
|
31
|
+
ariaLabel: string;
|
|
18
32
|
};
|
|
19
33
|
export declare type TabCommonProps = {
|
|
20
|
-
label: string;
|
|
21
34
|
value: number;
|
|
22
35
|
onClick?: (event: MouseEvent<HTMLButtonElement | HTMLAnchorElement> | KeyboardEvent<HTMLButtonElement | HTMLAnchorElement>) => void;
|
|
36
|
+
className?: string;
|
|
23
37
|
};
|
|
24
|
-
export declare type TabProps<T = TabTypeProps> = TabCommonProps & T &
|
|
38
|
+
export declare type TabProps<T = TabTypeProps> = TabCommonProps & T & TabLabelProps;
|
|
25
39
|
/**
|
|
26
40
|
* ### Purpose
|
|
27
41
|
* A single tab implementation that works together with TabContext and TabList components.
|
package/lib/Tabs/Tab.js
CHANGED
|
@@ -15,7 +15,16 @@ import styles from './Tab.module.scss';
|
|
|
15
15
|
* More info - https://www.w3.org/TR/wai-aria-practices/#kbd_selection_follows_focus
|
|
16
16
|
*
|
|
17
17
|
*/
|
|
18
|
-
export const Tab = ({ component: Component = 'button',
|
|
18
|
+
export const Tab = ({ component: Component = 'button',
|
|
19
|
+
/**
|
|
20
|
+
* @deprecated The property should not be used
|
|
21
|
+
*/
|
|
22
|
+
label, value, href, onClick,
|
|
23
|
+
/** @deprecated The property should not be used */
|
|
24
|
+
icon,
|
|
25
|
+
/** @deprecated The property should not be used */
|
|
26
|
+
iconAriaLabel, children, ariaLabel, className, }) => {
|
|
27
|
+
var _a;
|
|
19
28
|
const { onChange, value: activeValue, idPrefix, fullWidth } = useTabContext();
|
|
20
29
|
const selected = value === activeValue;
|
|
21
30
|
const handleClick = useCallback((event) => {
|
|
@@ -35,8 +44,10 @@ export const Tab = ({ component: Component = 'button', label, value, href, onCli
|
|
|
35
44
|
handleClick(event);
|
|
36
45
|
}
|
|
37
46
|
}, [handleClick]);
|
|
38
|
-
return (React.createElement(Component, { className: cn(styles.tab, { [styles.selected]: selected, [styles.fullWidth]: fullWidth }), role: "tab", id: getTabId(idPrefix, value.toString()), "aria-controls": getPanelId(idPrefix, value.toString()), "aria-selected": selected, tabIndex: selected ? 0 : -1, onKeyPress: onKeyPress, onClick: handleClick, href:
|
|
39
|
-
|
|
40
|
-
|
|
47
|
+
return (React.createElement(Component, { className: cn(styles.tab, { [styles.selected]: selected, [styles.fullWidth]: fullWidth }, className), role: "tab", id: getTabId(idPrefix, value.toString()), "aria-controls": getPanelId(idPrefix, value.toString()), "aria-selected": selected, tabIndex: selected ? 0 : -1, onKeyPress: onKeyPress, onClick: handleClick, ...(Component === 'a' && !selected && { href }), "aria-label": label !== null && label !== void 0 ? label : ariaLabel }, children
|
|
48
|
+
? children
|
|
49
|
+
: (_a = (icon && iconAriaLabel && (React.createElement("span", null,
|
|
50
|
+
React.createElement(Icon, { icon: icon, ariaLabel: iconAriaLabel, className: styles.icon }),
|
|
51
|
+
label)))) !== null && _a !== void 0 ? _a : label));
|
|
41
52
|
};
|
|
42
53
|
//# sourceMappingURL=Tab.js.map
|
package/lib/Tabs/Tab.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tab.js","sourceRoot":"","sources":["../../src/Tabs/Tab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAM,WAAW,
|
|
1
|
+
{"version":3,"file":"Tab.js","sourceRoot":"","sources":["../../src/Tabs/Tab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAM,WAAW,EAAwC,MAAM,OAAO,CAAA;AACpF,OAAO,EAAE,MAAM,YAAY,CAAA;AAE3B,OAAO,EAAE,IAAI,EAAa,MAAM,SAAS,CAAA;AACzC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAClE,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AAE9C,OAAO,MAAM,MAAM,mBAAmB,CAAA;AA8CtC;;;;;;;;;;GAUG;AACH,MAAM,CAAC,MAAM,GAAG,GAAiB,CAAC,EAChC,SAAS,EAAE,SAAS,GAAG,QAAQ;AAC/B;;GAEG;AACH,KAAK,EACL,KAAK,EACL,IAAI,EACJ,OAAO;AACP,kDAAkD;AAClD,IAAI;AACJ,kDAAkD;AAClD,aAAa,EACb,QAAQ,EACR,SAAS,EACT,SAAS,GACV,EAAE,EAAE;;IACH,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,aAAa,EAAE,CAAA;IAC7E,MAAM,QAAQ,GAAG,KAAK,KAAK,WAAW,CAAA;IAEtC,MAAM,WAAW,GAAG,WAAW,CAC7B,CAAC,KAA+G,EAAE,EAAE;QAClH,IAAI,QAAQ,EAAE;YACZ,OAAM;SACP;QAED,IAAI,OAAO,EAAE;YACX,OAAO,CAAC,KAAK,CAAC,CAAA;SACf;QAED,QAAQ,CAAC,KAAK,CAAC,CAAA;IACjB,CAAC,EACD,CAAC,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,CAAC,CACrC,CAAA;IAED,wDAAwD;IACxD,+DAA+D;IAC/D,MAAM,UAAU,GAAG,WAAW,CAC5B,CAAC,KAA2D,EAAE,EAAE;QAC9D,KAAK,CAAC,cAAc,EAAE,CAAA;QAEtB,IAAI,UAAU,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,CAAC,EAAE;YACvC,WAAW,CAAC,KAAK,CAAC,CAAA;SACnB;IACH,CAAC,EACD,CAAC,WAAW,CAAC,CACd,CAAA;IAED,OAAO,CACL,oBAAC,SAAS,IACR,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,GAAG,EAAE,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,QAAQ,EAAE,CAAC,MAAM,CAAC,SAAS,CAAC,EAAE,SAAS,EAAE,EAAE,SAAS,CAAC,EACpG,IAAI,EAAC,KAAK,EACV,EAAE,EAAE,QAAQ,CAAC,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAE,CAAC,mBACzB,UAAU,CAAC,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAE,CAAC,mBACtC,QAAQ,EACvB,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAC3B,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,WAAW,KAChB,CAAC,SAAS,KAAK,GAAG,IAAI,CAAC,QAAQ,IAAI,EAAE,IAAI,EAAE,CAAC,gBACpC,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,SAAS,IAE7B,QAAQ;QACP,CAAC,CAAC,QAAQ;QACV,CAAC,CAAC,MAAA,CAAC,IAAI,IAAI,aAAa,IAAI,CACxB;YACE,oBAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,CAAC,IAAI,GAAI;YACrE,KAAK,CACD,CACR,CAAC,mCACF,KAAK,CACC,CACb,CAAA;AACH,CAAC,CAAA"}
|
package/lib/TextField.js
CHANGED
|
@@ -27,7 +27,7 @@ import styles from './TextField.module.scss';
|
|
|
27
27
|
* Use a text input when the expected user input is a single line of text.
|
|
28
28
|
*/
|
|
29
29
|
const TextFieldInternal = (props, ref) => {
|
|
30
|
-
const { 'data-test': dataTest, className, disabled, error, errorClassName, helperText, id: explicitId, inputClassName, inputContainerChild, inputContainerClassName, inputIcon, inputTrailingIcon, inputTrailingIconLabel, label, labelClassName, showAriaLabel = false, name, size = 'medium', onBlur, onChange, onKeyPress, placeholder, required, type = 'text', value, readOnly, onClick, clearable, iconSize = size, errorTooltipPlacement = 'top', ...htmlAttrs } = props;
|
|
30
|
+
const { 'data-test': dataTest, className, disabled, error, errorClassName, helperText, helperTextTooltipWordBreak, id: explicitId, inputClassName, inputContainerChild, inputContainerClassName, inputIcon, inputTrailingIcon, inputTrailingIconLabel, label, labelClassName, showAriaLabel = false, name, size = 'medium', onBlur, onChange, onKeyPress, placeholder, required, type = 'text', value, readOnly, onClick, clearable, iconSize = size, errorTooltipPlacement = 'top', ...htmlAttrs } = props;
|
|
31
31
|
const autoId = useUID();
|
|
32
32
|
const id = explicitId !== null && explicitId !== void 0 ? explicitId : autoId;
|
|
33
33
|
const inputRef = useRef(null);
|
|
@@ -46,7 +46,7 @@ const TextFieldInternal = (props, ref) => {
|
|
|
46
46
|
[styles.withIcon]: inputIcon,
|
|
47
47
|
[styles.empty]: value === undefined,
|
|
48
48
|
}, className) },
|
|
49
|
-
React.createElement(FieldHeader, { id: id, size: size, label: label, helperText: helperText, showAriaLabel: showAriaLabel, labelClassName: labelClassName }),
|
|
49
|
+
React.createElement(FieldHeader, { id: id, size: size, label: label, helperText: helperText, showAriaLabel: showAriaLabel, labelClassName: labelClassName, helperTextTooltipWordBreak: helperTextTooltipWordBreak }),
|
|
50
50
|
React.createElement("div", { className: styles.inputBlock },
|
|
51
51
|
React.createElement("div", { className: cn(styles.inputContainer, inputContainerClassName) },
|
|
52
52
|
React.createElement("input", { type: type, id: id, ref: mergedRef, value: value !== null && value !== void 0 ? value : '', name: name, onChange: onChange, onBlur: onBlur, readOnly: readOnly, onKeyPress: onKeyPress, onClick: onClick, "aria-label": showAriaLabel ? label : undefined, "aria-invalid": !!error, "aria-required": required, "aria-describedby": helperText && helpTooltipId(id), "aria-errormessage": error && errorId(id), disabled: disabled, placeholder: placeholder, className: cn(inputClassName, {
|
package/lib/TextField.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextField.js","sourceRoot":"","sources":["../src/TextField.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"TextField.js","sourceRoot":"","sources":["../src/TextField.tsx"],"names":[],"mappings":"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"}
|
package/lib/TimeField.js
CHANGED
|
@@ -1,23 +1,15 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import cn from 'classnames';
|
|
3
3
|
import { useUID } from 'react-uid';
|
|
4
|
-
import
|
|
5
|
-
import { FieldHeader } from './FieldHeader';
|
|
4
|
+
import SimpleTimeField from 'react-simple-timefield';
|
|
6
5
|
import styles from './TimeField.module.scss';
|
|
6
|
+
import { TextField } from './TextField';
|
|
7
7
|
export const TimeField = (props) => {
|
|
8
8
|
const { 'data-test': dataTest, className, disabled, error, errorClassName, id: explicitId, inputClassName, label, labelClassName, name, onBlur, onChange, required, seconds = false, value, helperText, size, showAriaLabel, ...rest } = props;
|
|
9
9
|
// Use an auto generated id if it's not set explicitly
|
|
10
10
|
const autoId = useUID();
|
|
11
11
|
const id = explicitId !== null && explicitId !== void 0 ? explicitId : autoId;
|
|
12
|
-
return (React.createElement("div", { "data-test": dataTest, className: cn(styles.container, className
|
|
13
|
-
React.createElement(
|
|
14
|
-
React.createElement("div", { className: styles.inputBlock },
|
|
15
|
-
React.createElement("div", { className: styles.inputContainer },
|
|
16
|
-
React.createElement("input", { type: "time", step: seconds ? '1' : undefined, id: id, name: name, className: cn(styles.input, inputClassName, {
|
|
17
|
-
[styles.disabled]: disabled,
|
|
18
|
-
[styles.error]: error,
|
|
19
|
-
}), onChange: onChange, onBlur: onBlur, value: value, required: required, disabled: disabled, "aria-invalid": !!error, "aria-label": showAriaLabel ? label : undefined, "aria-required": required, "aria-errormessage": error && errorId(id), ...rest }),
|
|
20
|
-
React.createElement("div", { className: styles.borderOverlay }))),
|
|
21
|
-
React.createElement(Error, { truncated: true, error: error, className: cn(styles.errorContainer, errorClassName), inputId: id })));
|
|
12
|
+
return (React.createElement("div", { "data-test": dataTest, className: cn(styles.container, className) },
|
|
13
|
+
React.createElement(SimpleTimeField, { showSeconds: seconds, input: React.createElement(TextField, { name: name, id: id, label: label, error: error, onChange: onChange, errorClassName: errorClassName, inputClassName: inputClassName, labelClassName: labelClassName, onBlur: onBlur, size: size, required: required, disabled: disabled, showAriaLabel: showAriaLabel, helperText: helperText, ...rest }), onChange: onChange, value: value })));
|
|
22
14
|
};
|
|
23
15
|
//# sourceMappingURL=TimeField.js.map
|
package/lib/TimeField.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TimeField.js","sourceRoot":"","sources":["../src/TimeField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2D,MAAM,OAAO,CAAA;AAC/E,OAAO,EAAE,MAAM,YAAY,CAAA;AAC3B,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;
|
|
1
|
+
{"version":3,"file":"TimeField.js","sourceRoot":"","sources":["../src/TimeField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2D,MAAM,OAAO,CAAA;AAC/E,OAAO,EAAE,MAAM,YAAY,CAAA;AAC3B,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAClC,OAAO,eAAe,MAAM,wBAAwB,CAAA;AAKpD,OAAO,MAAM,MAAM,yBAAyB,CAAA;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAmBvC,MAAM,CAAC,MAAM,SAAS,GAAuB,CAAC,KAAK,EAAE,EAAE;IACrD,MAAM,EACJ,WAAW,EAAE,QAAQ,EACrB,SAAS,EACT,QAAQ,EACR,KAAK,EACL,cAAc,EACd,EAAE,EAAE,UAAU,EACd,cAAc,EACd,KAAK,EACL,cAAc,EACd,IAAI,EACJ,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,OAAO,GAAG,KAAK,EACf,KAAK,EACL,UAAU,EACV,IAAI,EACJ,aAAa,EACb,GAAG,IAAI,EACR,GAAG,KAAK,CAAA;IACT,sDAAsD;IACtD,MAAM,MAAM,GAAG,MAAM,EAAE,CAAA;IACvB,MAAM,EAAE,GAAG,UAAU,aAAV,UAAU,cAAV,UAAU,GAAI,MAAM,CAAA;IAE/B,OAAO,CACL,0CAAgB,QAAQ,EAAE,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,SAAS,CAAC;QAClE,oBAAC,eAAe,IACd,WAAW,EAAE,OAAO,EACpB,KAAK,EACH,oBAAC,SAAS,IACR,IAAI,EAAE,IAAI,EACV,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,cAAc,EAAE,cAAc,EAC9B,cAAc,EAAE,cAAc,EAC9B,cAAc,EAAE,cAAc,EAC9B,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,aAAa,EAC5B,UAAU,EAAE,UAAU,KAClB,IAAI,GACR,EAEJ,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,GACZ,CACE,CACP,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -1,91 +1,4 @@
|
|
|
1
|
-
@use '../styles/constants' as c;
|
|
2
|
-
@use '../styles/helpers' as h;
|
|
3
|
-
|
|
4
1
|
.container {
|
|
5
2
|
display: inline-flex;
|
|
6
3
|
flex-direction: column;
|
|
7
|
-
|
|
8
|
-
&.small {
|
|
9
|
-
input {
|
|
10
|
-
height: c.$inputHeightSmall;
|
|
11
|
-
}
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
.inputBlock {
|
|
15
|
-
display: flex;
|
|
16
|
-
|
|
17
|
-
.inputContainer {
|
|
18
|
-
position: relative;
|
|
19
|
-
|
|
20
|
-
.borderOverlay {
|
|
21
|
-
position: absolute;
|
|
22
|
-
display: block;
|
|
23
|
-
top: 0;
|
|
24
|
-
left: 0;
|
|
25
|
-
height: 100%;
|
|
26
|
-
width: 100%;
|
|
27
|
-
pointer-events: none;
|
|
28
|
-
z-index: c.$zIndex100;
|
|
29
|
-
border: c.$borderWidth solid c.$colorNeutral;
|
|
30
|
-
border-radius: c.$borderRadiusTimeField;
|
|
31
|
-
box-sizing: border-box;
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
input {
|
|
35
|
-
box-sizing: border-box;
|
|
36
|
-
display: flex;
|
|
37
|
-
justify-content: center;
|
|
38
|
-
align-items: center;
|
|
39
|
-
height: c.$grid * 5;
|
|
40
|
-
background-color: c.$colorNeutralWhite;
|
|
41
|
-
color: c.$colorTextSubdued;
|
|
42
|
-
padding: (c.$grid * 0.5) c.$grid c.$grid;
|
|
43
|
-
cursor: pointer;
|
|
44
|
-
border-radius: c.$borderRadiusTimeField;
|
|
45
|
-
border: none;
|
|
46
|
-
|
|
47
|
-
// TODO: Check other browsers
|
|
48
|
-
&::-webkit-calendar-picker-indicator {
|
|
49
|
-
display: none;
|
|
50
|
-
background: none;
|
|
51
|
-
}
|
|
52
|
-
}
|
|
53
|
-
|
|
54
|
-
input.error {
|
|
55
|
-
& ~ .borderOverlay {
|
|
56
|
-
border-color: c.$colorError;
|
|
57
|
-
}
|
|
58
|
-
}
|
|
59
|
-
|
|
60
|
-
input:hover,
|
|
61
|
-
input.hover {
|
|
62
|
-
& ~ .borderOverlay {
|
|
63
|
-
border-color: c.$colorPrimary;
|
|
64
|
-
}
|
|
65
|
-
}
|
|
66
|
-
|
|
67
|
-
input:focus,
|
|
68
|
-
input.focus {
|
|
69
|
-
// Do not remove outline for high-contrast modes
|
|
70
|
-
// https://stackoverflow.com/a/52616313
|
|
71
|
-
outline: transparent solid c.$outlineWidth;
|
|
72
|
-
|
|
73
|
-
& ~ .borderOverlay {
|
|
74
|
-
@include h.outlineFormField;
|
|
75
|
-
}
|
|
76
|
-
}
|
|
77
|
-
|
|
78
|
-
input.disabled {
|
|
79
|
-
cursor: not-allowed;
|
|
80
|
-
color: c.$colorTextSecondary;
|
|
81
|
-
background-color: c.$colorNeutral;
|
|
82
|
-
|
|
83
|
-
& ~ .borderOverlay {
|
|
84
|
-
border-color: c.$colorNeutralLight;
|
|
85
|
-
}
|
|
86
|
-
}
|
|
87
|
-
}
|
|
88
|
-
}
|
|
89
4
|
}
|
|
90
|
-
|
|
91
|
-
@include h.withError;
|
package/lib/Tooltip.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import React, { FC, ReactNode, MutableRefObject, ReactText, MouseEventHandler } from 'react';
|
|
1
|
+
import React, { FC, ReactNode, MutableRefObject, ReactText, MouseEventHandler, CSSProperties } from 'react';
|
|
2
2
|
import { Placement } from '@popperjs/core';
|
|
3
3
|
import { usePopper } from 'react-popper';
|
|
4
|
-
|
|
4
|
+
import { PortalContainer } from './utils/portal';
|
|
5
5
|
export declare type PopperRef = ReturnType<typeof usePopper>;
|
|
6
6
|
export declare type TooltipProps = {
|
|
7
7
|
content: ReactNode;
|
|
@@ -15,7 +15,8 @@ export declare type TooltipProps = {
|
|
|
15
15
|
children: (ref: React.Dispatch<React.SetStateAction<HTMLElement | null>>, onMouseEnter?: MouseEventHandler<Element>, onMouseLeave?: MouseEventHandler<Element>) => ReactNode;
|
|
16
16
|
popperRef?: MutableRefObject<PopperRef | undefined>;
|
|
17
17
|
updateToken?: ReactText | boolean;
|
|
18
|
-
tooltipContainer?:
|
|
18
|
+
tooltipContainer?: PortalContainer;
|
|
19
|
+
wordBreak?: CSSProperties['wordBreak'];
|
|
19
20
|
};
|
|
20
21
|
/**
|
|
21
22
|
* ### Purpose
|
package/lib/Tooltip.js
CHANGED
|
@@ -3,20 +3,10 @@ import ReactDOM from 'react-dom';
|
|
|
3
3
|
import { usePopper } from 'react-popper';
|
|
4
4
|
import cn from 'classnames';
|
|
5
5
|
import { containsElement } from './hooks';
|
|
6
|
-
import {
|
|
6
|
+
import { getPortalContainer } from './utils/portal';
|
|
7
7
|
import styles from './Tooltip.module.scss';
|
|
8
8
|
const tooltipZIndex = 20;
|
|
9
9
|
const TooltipContext = createContext(null);
|
|
10
|
-
const getTooltipPortalContainer = (tooltipContainer, referenceElement) => {
|
|
11
|
-
if (tooltipContainer === 'body') {
|
|
12
|
-
// There is no document is SSR environment
|
|
13
|
-
return canUseDOM ? document.body : null;
|
|
14
|
-
}
|
|
15
|
-
if (tooltipContainer === 'referenceElement') {
|
|
16
|
-
return referenceElement !== null && referenceElement !== void 0 ? referenceElement : null;
|
|
17
|
-
}
|
|
18
|
-
return tooltipContainer;
|
|
19
|
-
};
|
|
20
10
|
/**
|
|
21
11
|
* ### Purpose
|
|
22
12
|
* Useful when you need to display additional information/actionable content.
|
|
@@ -33,7 +23,7 @@ const getTooltipPortalContainer = (tooltipContainer, referenceElement) => {
|
|
|
33
23
|
* ### Usage
|
|
34
24
|
* Wrap the target element with Tooltip component and use the "content" property to define what should be displayed inside the tooltip.
|
|
35
25
|
*/
|
|
36
|
-
export const Tooltip = ({ id, content, hideTimeoutDuration = 100, offset = 10, padding = 10, placement = 'top', visible: visibilityOverride, children, popperRef, updateToken, tooltipContainer = 'body', hoverAbleTooltip = true, }) => {
|
|
26
|
+
export const Tooltip = ({ id, content, hideTimeoutDuration = 100, offset = 10, padding = 10, placement = 'top', visible: visibilityOverride, children, popperRef, wordBreak, updateToken, tooltipContainer = 'body', hoverAbleTooltip = true, }) => {
|
|
37
27
|
const [isShown, setShown] = useState(false);
|
|
38
28
|
const timeoutRef = useRef(null);
|
|
39
29
|
const context = useContext(TooltipContext);
|
|
@@ -126,7 +116,7 @@ export const Tooltip = ({ id, content, hideTimeoutDuration = 100, offset = 10, p
|
|
|
126
116
|
popperElement === null || popperElement === void 0 ? void 0 : popperElement.removeEventListener('mouseleave', onMouseLeave);
|
|
127
117
|
};
|
|
128
118
|
}, [popperElement, onMouseEnter, onMouseLeave, hoverAbleTooltip]);
|
|
129
|
-
const tooltipPortalContainer =
|
|
119
|
+
const tooltipPortalContainer = getPortalContainer(tooltipContainer, referenceElement);
|
|
130
120
|
return (React.createElement(TooltipContext.Provider, { value: contextValue },
|
|
131
121
|
children(setReferenceElement, onMouseEnter, (e) => {
|
|
132
122
|
onMouseLeave(e);
|
|
@@ -137,7 +127,7 @@ export const Tooltip = ({ id, content, hideTimeoutDuration = 100, offset = 10, p
|
|
|
137
127
|
ReactDOM.createPortal(React.createElement(React.Fragment, null,
|
|
138
128
|
React.createElement("span", { ref: setPopperElement, className: cn(styles.overlay, {
|
|
139
129
|
[styles.hidden]: !isTooltipVisible,
|
|
140
|
-
}), style: { ...popper.styles.popper, ...{ zIndex: context ? tooltipZIndex + 1 : tooltipZIndex } }, "data-test": "tooltip-overlay", "aria-hidden": true, ...popper.attributes.popper },
|
|
130
|
+
}), style: { ...popper.styles.popper, ...{ zIndex: context ? tooltipZIndex + 1 : tooltipZIndex }, wordBreak }, "data-test": "tooltip-overlay", "aria-hidden": true, ...popper.attributes.popper },
|
|
141
131
|
content,
|
|
142
132
|
React.createElement("span", { ref: setArrowElement, className: styles.arrow, style: popper.styles.arrow, "data-test": "tooltip-arrow", ...popper.attributes.arrow }))), tooltipPortalContainer)))));
|
|
143
133
|
};
|
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,
|
|
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,aAAa,GAAG,EAAE,CAAA;AAExB,MAAM,cAAc,GAAG,aAAa,CAK1B,IAAI,CAAC,CAAA;AAwBf;;;;;;;;;;;;;;;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,GACxB,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,kBAAkB,aAAlB,kBAAkB,cAAlB,kBAAkB,GAAI,OAAO,CAAA;IAEtD,qEAAqE;IACrE,eAAe,CAAC,GAAG,EAAE;;QACnB,IAAI,OAAO,EAAE;YACX,KAAK,CAAA,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,+CAAd,MAAM,CAAY,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,8BAAM,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,CAAC,SAAS,EAAE,IAAI,EAAC,SAAS,eAAW,YAAY,IAC7E,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,aAAa,GAAG,CAAC,CAAC,CAAC,CAAC,aAAa,EAAE,EAAE,SAAS,EAAE,eAC/F,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/lib/hooks/index.d.ts
CHANGED
package/lib/hooks/index.js
CHANGED
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
/* export only hooks for external usage */
|
|
2
|
-
export { useTableCustomizableColumns } from './useTableCustomizableColumns';
|
|
3
2
|
export { useOnClickOutside, containsElement } from './useOnClickOutside';
|
|
4
3
|
export { useIsMounted } from './useIsMounted';
|
|
5
4
|
export { useRefValue } from './useRefValue';
|
package/lib/hooks/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,0CAA0C;AAC1C,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,0CAA0C;AAC1C,OAAO,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAA;AACxE,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { MutableRefObject } from 'react';
|
|
2
|
+
import ReactSelect from 'react-select';
|
|
3
|
+
declare type RefElement = MutableRefObject<ReactSelect | undefined>;
|
|
4
|
+
/** If the size of screen is changed we close dropdown menu to aviod the dropdown menu bug in react-select library.
|
|
5
|
+
* For more information visit: https://github.com/JedWatson/react-select/issues/3533
|
|
6
|
+
*/
|
|
7
|
+
export declare const useCloseOnResize: (target: RefElement) => void;
|
|
8
|
+
export {};
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { useEffect } from 'react';
|
|
2
|
+
/** If the size of screen is changed we close dropdown menu to aviod the dropdown menu bug in react-select library.
|
|
3
|
+
* For more information visit: https://github.com/JedWatson/react-select/issues/3533
|
|
4
|
+
*/
|
|
5
|
+
export const useCloseOnResize = (target) => {
|
|
6
|
+
const handleResize = () => {
|
|
7
|
+
if (target.current) {
|
|
8
|
+
target.current.onMenuClose();
|
|
9
|
+
}
|
|
10
|
+
};
|
|
11
|
+
useEffect(() => {
|
|
12
|
+
window.addEventListener('resize', handleResize);
|
|
13
|
+
return () => window.removeEventListener('resize', handleResize);
|
|
14
|
+
});
|
|
15
|
+
};
|
|
16
|
+
//# sourceMappingURL=useCloseOnResize.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useCloseOnResize.js","sourceRoot":"","sources":["../../src/hooks/useCloseOnResize.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoB,SAAS,EAAE,MAAM,OAAO,CAAA;AAKnD;;GAEG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,MAAkB,EAAE,EAAE;IACrD,MAAM,YAAY,GAAG,GAAG,EAAE;QACxB,IAAI,MAAM,CAAC,OAAO,EAAE;YAClB,MAAM,CAAC,OAAO,CAAC,WAAW,EAAE,CAAA;SAC7B;IACH,CAAC,CAAA;IAED,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAA;QAE/C,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAA;IACjE,CAAC,CAAC,CAAA;AACJ,CAAC,CAAA"}
|
package/lib/index.d.ts
CHANGED
|
@@ -4,12 +4,10 @@ export { Button } from './Button';
|
|
|
4
4
|
export { Calendar } from './Calendar/Calendar';
|
|
5
5
|
export { CalendarRange } from './Calendar/CalendarRange';
|
|
6
6
|
export { Card } from './Card';
|
|
7
|
+
export { Carousel } from './Carousel';
|
|
7
8
|
export { Checkbox } from './Checkbox';
|
|
8
9
|
export { CheckboxFormik } from './CheckboxFormik';
|
|
9
10
|
export { CircularProgressBar } from './CircularProgressBar';
|
|
10
|
-
export { Code } from './Code';
|
|
11
|
-
export { CodeEditor } from './CodeEditor';
|
|
12
|
-
export { CodeEditorFormik } from './CodeEditorFormik';
|
|
13
11
|
export { Dialog } from './Dialog';
|
|
14
12
|
export { EmptyState } from './EmptyState';
|
|
15
13
|
export { Error, errorId } from './Error';
|
|
@@ -52,4 +50,4 @@ export { Toggle } from './Toggle';
|
|
|
52
50
|
export { ToggleFormik } from './ToggleFormik';
|
|
53
51
|
export { Tooltip } from './Tooltip';
|
|
54
52
|
export { TruncatedText } from './TruncatedText';
|
|
55
|
-
export {
|
|
53
|
+
export { useOpenCloseState, useRefValue, useIsMounted, useOnClickOutside, containsElement } from './hooks';
|
package/lib/index.js
CHANGED
|
@@ -4,12 +4,10 @@ export { Button } from './Button';
|
|
|
4
4
|
export { Calendar } from './Calendar/Calendar';
|
|
5
5
|
export { CalendarRange } from './Calendar/CalendarRange';
|
|
6
6
|
export { Card } from './Card';
|
|
7
|
+
export { Carousel } from './Carousel';
|
|
7
8
|
export { Checkbox } from './Checkbox';
|
|
8
9
|
export { CheckboxFormik } from './CheckboxFormik';
|
|
9
10
|
export { CircularProgressBar } from './CircularProgressBar';
|
|
10
|
-
export { Code } from './Code';
|
|
11
|
-
export { CodeEditor } from './CodeEditor';
|
|
12
|
-
export { CodeEditorFormik } from './CodeEditorFormik';
|
|
13
11
|
export { Dialog } from './Dialog';
|
|
14
12
|
export { EmptyState } from './EmptyState';
|
|
15
13
|
export { Error, errorId } from './Error';
|
|
@@ -52,5 +50,5 @@ export { Toggle } from './Toggle';
|
|
|
52
50
|
export { ToggleFormik } from './ToggleFormik';
|
|
53
51
|
export { Tooltip } from './Tooltip';
|
|
54
52
|
export { TruncatedText } from './TruncatedText';
|
|
55
|
-
export {
|
|
53
|
+
export { useOpenCloseState, useRefValue, useIsMounted, useOnClickOutside, containsElement } from './hooks';
|
|
56
54
|
//# sourceMappingURL=index.js.map
|
package/lib/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAA;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAA;AACxD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAC7B,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { canUseDOM } from './ssr';
|
|
2
|
+
export const getPortalContainer = (container, referenceElement) => {
|
|
3
|
+
if (container === 'body') {
|
|
4
|
+
// There is no document is SSR environment
|
|
5
|
+
return canUseDOM ? document.body : null;
|
|
6
|
+
}
|
|
7
|
+
if (container === 'referenceElement') {
|
|
8
|
+
return referenceElement !== null && referenceElement !== void 0 ? referenceElement : null;
|
|
9
|
+
}
|
|
10
|
+
if (typeof container === 'string') {
|
|
11
|
+
return canUseDOM ? document.getElementById(container) : null;
|
|
12
|
+
}
|
|
13
|
+
return container;
|
|
14
|
+
};
|
|
15
|
+
//# sourceMappingURL=portal.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"portal.js","sourceRoot":"","sources":["../../src/utils/portal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAIjC,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,SAA0B,EAAE,gBAAqC,EAAsB,EAAE;IAC1H,IAAI,SAAS,KAAK,MAAM,EAAE;QACxB,0CAA0C;QAC1C,OAAO,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAA;KACxC;IAED,IAAI,SAAS,KAAK,kBAAkB,EAAE;QACpC,OAAO,gBAAgB,aAAhB,gBAAgB,cAAhB,gBAAgB,GAAI,IAAI,CAAA;KAChC;IAED,IAAI,OAAO,SAAS,KAAK,QAAQ,EAAE;QACjC,OAAO,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,cAAc,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA;KAC7D;IAED,OAAO,SAAS,CAAA;AAClB,CAAC,CAAA"}
|
package/lib/utils/test.d.ts
CHANGED
|
@@ -1 +1,3 @@
|
|
|
1
|
-
|
|
1
|
+
import { ReactWrapper } from 'enzyme';
|
|
2
|
+
import { Component } from 'react';
|
|
3
|
+
export declare const waitForComponentToPaint: <T = Component<{}, {}, any>>(wrapper: ReactWrapper<T, {}, Component<{}, {}, any>>) => Promise<void>;
|
package/lib/utils/test.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"test.js","sourceRoot":"","sources":["../../src/utils/test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAA;
|
|
1
|
+
{"version":3,"file":"test.js","sourceRoot":"","sources":["../../src/utils/test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAI1C,MAAM,CAAC,MAAM,uBAAuB,GAAG,KAAK,EAAiB,OAAwB,EAAE,EAAE;IACvF,MAAM,GAAG,CAAC,KAAK,IAAI,EAAE;QACnB,MAAM,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,UAAU,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,CAAA;QACtD,OAAO,CAAC,MAAM,EAAE,CAAA;IAClB,CAAC,CAAC,CAAA;AACJ,CAAC,CAAA"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@hazelcast/ui",
|
|
3
|
-
"version": "1.3.2-next.
|
|
3
|
+
"version": "1.3.2-next.40+e04d579",
|
|
4
4
|
"description": "Hazelcast design system components",
|
|
5
5
|
"author": "",
|
|
6
6
|
"homepage": "https://github.com/hazelcast/frontend-shared#readme",
|
|
@@ -46,15 +46,12 @@
|
|
|
46
46
|
"url": "https://github.com/hazelcast/frontend-shared/issues"
|
|
47
47
|
},
|
|
48
48
|
"dependencies": {
|
|
49
|
-
"@codemirror/basic-setup": "^0.19.1",
|
|
50
|
-
"@codemirror/stream-parser": "^0.19.3",
|
|
51
|
-
"@codemirror/view": "^0.19.35",
|
|
52
49
|
"@hazelcast/helpers": "^1.3.1",
|
|
53
50
|
"@hazelcast/services": "^1.3.1",
|
|
54
51
|
"@headlessui/react": "^1.4.2",
|
|
55
52
|
"@icons-pack/react-simple-icons": "^4.6.1",
|
|
56
53
|
"@popperjs/core": "^2.11.0",
|
|
57
|
-
"@types/react-modal": "
|
|
54
|
+
"@types/react-modal": "3.13.1",
|
|
58
55
|
"@types/react-select": "3.0.26",
|
|
59
56
|
"@types/react-table": "^7.7.9",
|
|
60
57
|
"classnames": "^2.3.1",
|
|
@@ -62,21 +59,23 @@
|
|
|
62
59
|
"dequal": "^2.0.2",
|
|
63
60
|
"focus-trap-react": "^8.9.0",
|
|
64
61
|
"formik": "^2.2.9",
|
|
62
|
+
"nuka-carousel": "^5.4.0",
|
|
65
63
|
"rc-tooltip": "^5.1.1",
|
|
66
64
|
"react-datepicker": "^4.5.0",
|
|
67
65
|
"react-feather": "^2.0.9",
|
|
66
|
+
"react-hotkeys": "^2.0.0",
|
|
68
67
|
"react-merge-refs": "^1.1.0",
|
|
69
68
|
"react-modal": "^3.14.4",
|
|
70
69
|
"react-popper": "^2.2.3",
|
|
71
70
|
"react-resize-aware": "^3.1.1",
|
|
72
71
|
"react-select": "^4.1.0",
|
|
72
|
+
"react-simple-timefield": "^3.2.5",
|
|
73
73
|
"react-table": "^7.7.0",
|
|
74
74
|
"react-uid": "^2.3.1",
|
|
75
75
|
"react-use": "^17.3.1",
|
|
76
76
|
"use-deep-compare": "^1.1.0"
|
|
77
77
|
},
|
|
78
78
|
"devDependencies": {
|
|
79
|
-
"@codemirror/legacy-modes": "0.19.0",
|
|
80
79
|
"@hazelcast/test-helpers": "^1.3.1",
|
|
81
80
|
"@storybook/addon-docs": "^6.4.9",
|
|
82
81
|
"@storybook/addons": "^6.4.9",
|
|
@@ -113,5 +112,5 @@
|
|
|
113
112
|
"webpack": "^5.65.0",
|
|
114
113
|
"yup": "^0.32.11"
|
|
115
114
|
},
|
|
116
|
-
"gitHead": "
|
|
115
|
+
"gitHead": "e04d5795d44430adc664e504059ac6fc68f18918"
|
|
117
116
|
}
|
package/lib/Code.d.ts
DELETED
package/lib/Code.js
DELETED
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
/*
|
|
2
|
-
CodeMirror based Code component.
|
|
3
|
-
|
|
4
|
-
This is a readonly code viewer component. For editing purposes use `CodeEditor`.
|
|
5
|
-
*/
|
|
6
|
-
import React from 'react';
|
|
7
|
-
import { CodeEditor, EditorView } from './CodeEditor';
|
|
8
|
-
const DEFAULT_OPTIONS = {
|
|
9
|
-
language: null,
|
|
10
|
-
lineWrapping: false,
|
|
11
|
-
lineNumbers: true,
|
|
12
|
-
};
|
|
13
|
-
export const Code = ({ value, className, options = DEFAULT_OPTIONS }) => {
|
|
14
|
-
return React.createElement(CodeEditor, { value: value, options: options, className: className, customExtensions: [EditorView.editable.of(false)] });
|
|
15
|
-
};
|
|
16
|
-
//# sourceMappingURL=Code.js.map
|
package/lib/Code.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Code.js","sourceRoot":"","sources":["../src/Code.tsx"],"names":[],"mappings":"AAAA;;;;EAIE;AAEF,OAAO,KAAa,MAAM,OAAO,CAAA;AACjC,OAAO,EAAE,UAAU,EAAe,UAAU,EAAE,MAAM,cAAc,CAAA;AAQlE,MAAM,eAAe,GAAgB;IACnC,QAAQ,EAAE,IAAI;IACd,YAAY,EAAE,KAAK;IACnB,WAAW,EAAE,IAAI;CAClB,CAAA;AAED,MAAM,CAAC,MAAM,IAAI,GAAkB,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,GAAG,eAAe,EAAE,EAAE,EAAE;IACrF,OAAO,oBAAC,UAAU,IAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,GAAI,CAAA;AAChI,CAAC,CAAA"}
|