@hazelcast/ui 1.3.2-next.25 → 1.3.2-next.28
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/AutocompleteField.d.ts +4 -1
- package/lib/AutocompleteField.js +5 -6
- package/lib/AutocompleteField.js.map +1 -1
- package/lib/AutocompleteField.module.scss +16 -0
- package/lib/Calendar/Calendar.js +1 -1
- package/lib/Calendar/Calendar.js.map +1 -1
- package/lib/Calendar/components/CalendarTime.js +5 -8
- 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/Pagination.d.ts +4 -3
- package/lib/Pagination.js +7 -7
- package/lib/Pagination.js.map +1 -1
- package/lib/Select/SelectField.d.ts +1 -2
- package/lib/TimeField.js +4 -12
- package/lib/TimeField.js.map +1 -1
- package/lib/TimeField.module.scss +0 -87
- package/package.json +3 -2
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
import React, { FocusEvent, ReactNode } from 'react';
|
|
2
2
|
import { HelpProps } from './Help';
|
|
3
3
|
import { FormatOptionLabelMeta } from 'react-select/src/Select';
|
|
4
|
+
import { SelectFieldSize } from './Select/SelectField';
|
|
5
|
+
import { FieldHeaderProps } from './FieldHeader';
|
|
4
6
|
export declare type AutocompleteFieldOption = {
|
|
5
7
|
label: string;
|
|
6
8
|
value: string;
|
|
@@ -8,6 +10,7 @@ export declare type AutocompleteFieldOption = {
|
|
|
8
10
|
export declare type RenderOptionFunction<O = AutocompleteFieldOption> = (highlightedLabelText: ReactNode, option: O extends AutocompleteFieldOption ? O : never, labelMeta: FormatOptionLabelMeta<AutocompleteFieldOption>) => ReactNode;
|
|
9
11
|
export declare type AutocompleteFieldProps = {
|
|
10
12
|
'data-test'?: string;
|
|
13
|
+
size?: SelectFieldSize;
|
|
11
14
|
className?: string;
|
|
12
15
|
disabled?: boolean;
|
|
13
16
|
error?: string;
|
|
@@ -28,7 +31,7 @@ export declare type AutocompleteFieldProps = {
|
|
|
28
31
|
value?: string | null;
|
|
29
32
|
placeholder?: string;
|
|
30
33
|
openMenuOnClick?: boolean;
|
|
31
|
-
}
|
|
34
|
+
} & Omit<FieldHeaderProps, 'id'>;
|
|
32
35
|
declare type GetSelectedOptionFromValueProps = {
|
|
33
36
|
value?: string | null;
|
|
34
37
|
optionsMap: {
|
package/lib/AutocompleteField.js
CHANGED
|
@@ -5,11 +5,10 @@ import cn from 'classnames';
|
|
|
5
5
|
import { Search, X } from 'react-feather';
|
|
6
6
|
import useIsomorphicLayoutEffect from 'react-use/lib/useIsomorphicLayoutEffect';
|
|
7
7
|
import styles from './AutocompleteField.module.scss';
|
|
8
|
-
import { Label } from './Label';
|
|
9
8
|
import { Error, errorId } from './Error';
|
|
10
|
-
import { Help } from './Help';
|
|
11
9
|
import { canUseDOM } from './utils/ssr';
|
|
12
10
|
import { IconButton } from './IconButton';
|
|
11
|
+
import { FieldHeader } from './FieldHeader';
|
|
13
12
|
/**
|
|
14
13
|
* Transforms the value passed to the Autocomplete component so that it's in a format as underlying react-select expects
|
|
15
14
|
* @param value - single value or an array of values
|
|
@@ -54,7 +53,7 @@ export const highlightOptionText = (labelText, inputValue) => {
|
|
|
54
53
|
}), key: val + `${i}` }, val)))
|
|
55
54
|
: labelText;
|
|
56
55
|
};
|
|
57
|
-
export const AutocompleteField = ({ 'data-test': dataTest, className, disabled, error, errorClassName, isClearable, label, labelClassName, helperText, menuPortalTarget = 'body', name, onChange, onFocus, onBlur, onInputChange, options, required, value, placeholder = 'Search...', renderOption, openMenuOnClick = true, ...rest }) => {
|
|
56
|
+
export const AutocompleteField = ({ 'data-test': dataTest, className, disabled, error, errorClassName, isClearable, label, labelClassName, helperText, size = 'medium', menuPortalTarget = 'body', name, onChange, onFocus, onBlur, onInputChange, options, required, value, placeholder = 'Search...', showAriaLabel = false, renderOption, openMenuOnClick = true, ...rest }) => {
|
|
58
57
|
// when the user clicks on an input with the value, the value should disappear,
|
|
59
58
|
// but then it should appear after the user selects something or blurs the input
|
|
60
59
|
const [isValueHidden, setValueHidden] = useState(false);
|
|
@@ -139,13 +138,14 @@ export const AutocompleteField = ({ 'data-test': dataTest, className, disabled,
|
|
|
139
138
|
[styles.withError]: 'error' in props,
|
|
140
139
|
[styles.disabled]: disabled,
|
|
141
140
|
[styles.hasError]: error,
|
|
141
|
+
[styles.small]: size === 'small',
|
|
142
142
|
[styles.empty]: !value,
|
|
143
143
|
},
|
|
144
144
|
// Menu container is either this select itself or any other element
|
|
145
145
|
// We can always add this class to the select itself because even if the menu container is any parent it won't break it
|
|
146
146
|
// However, if it is the select itself, it will properly add necessary specificity level to the menu styles.
|
|
147
147
|
styles.menuContainer, className) },
|
|
148
|
-
React.createElement(
|
|
148
|
+
React.createElement(FieldHeader, { label: label, id: id, size: size, helperText: helperText, showAriaLabel: showAriaLabel, labelClassName: labelClassName }),
|
|
149
149
|
React.createElement("div", { className: styles.selectBlock },
|
|
150
150
|
React.createElement(ReactSelect, { onInputChange: onInputChange, formatOptionLabel: formatOptionLabelFn, styles: {
|
|
151
151
|
...props.styles,
|
|
@@ -157,8 +157,7 @@ export const AutocompleteField = ({ 'data-test': dataTest, className, disabled,
|
|
|
157
157
|
visibility: isValueHidden ? 'hidden' : 'visible',
|
|
158
158
|
});
|
|
159
159
|
},
|
|
160
|
-
}, ...props }),
|
|
161
|
-
helperText && React.createElement(Help, { parentId: id, helperText: helperText, className: styles.helperText })),
|
|
160
|
+
}, ...props })),
|
|
162
161
|
React.createElement(Error, { truncated: true, error: error, className: cn(styles.errorContainer, errorClassName), inputId: id })));
|
|
163
162
|
};
|
|
164
163
|
//# sourceMappingURL=AutocompleteField.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AutocompleteField.js","sourceRoot":"","sources":["../src/AutocompleteField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAwC,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACtF,OAAO,WAAW,EAAE,EAAc,UAAU,EAAa,MAAM,cAAc,CAAA;AAC7E,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAClC,OAAO,EAAE,MAAM,YAAY,CAAA;AAC3B,OAAO,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,eAAe,CAAA;AACzC,OAAO,yBAAyB,MAAM,yCAAyC,CAAA;AAC/E,OAAO,MAAM,MAAM,iCAAiC,CAAA;AACpD,OAAO,EAAE,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"AutocompleteField.js","sourceRoot":"","sources":["../src/AutocompleteField.tsx"],"names":[],"mappings":"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"}
|
|
@@ -4,11 +4,26 @@
|
|
|
4
4
|
$selectHorizontalPadding: c.$grid * 3;
|
|
5
5
|
$menuMargin: c.$grid * 3;
|
|
6
6
|
$select: ':global .hz-autocomplete-field__control';
|
|
7
|
+
$selectValueContainer: ':global .hz-autocomplete-field__value-container';
|
|
7
8
|
|
|
8
9
|
.container {
|
|
9
10
|
.label {
|
|
10
11
|
display: block;
|
|
11
12
|
margin-bottom: c.$grid;
|
|
13
|
+
|
|
14
|
+
&.small {
|
|
15
|
+
@include c.typographyBodySmall;
|
|
16
|
+
}
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
&.small {
|
|
20
|
+
#{$selectValueContainer} {
|
|
21
|
+
padding: 0;
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
#{$select} {
|
|
25
|
+
min-height: c.$inputHeightSmall;
|
|
26
|
+
}
|
|
12
27
|
}
|
|
13
28
|
|
|
14
29
|
.helperText {
|
|
@@ -56,6 +71,7 @@ $select: ':global .hz-autocomplete-field__control';
|
|
|
56
71
|
|
|
57
72
|
.hz-autocomplete-field__dropdown-indicator {
|
|
58
73
|
color: c.$colorNeutralLight;
|
|
74
|
+
padding: 0 c.$grid * 0.5;
|
|
59
75
|
}
|
|
60
76
|
}
|
|
61
77
|
|
package/lib/Calendar/Calendar.js
CHANGED
|
@@ -8,7 +8,7 @@ import { CalendarTime } from './components/CalendarTime';
|
|
|
8
8
|
import styles from './Calendar.module.scss';
|
|
9
9
|
import { getPortalContainer } from '../utils/portal';
|
|
10
10
|
const DATE_FORMAT = 'yyyy-MM-dd';
|
|
11
|
-
const TIME_FORMAT = '
|
|
11
|
+
const TIME_FORMAT = 'HH:mm';
|
|
12
12
|
const CalendarPopperContainer = (container, inPortal) => ({ children }) => {
|
|
13
13
|
const content = ( // eslint-disable-next-line jsx-a11y/no-static-element-interactions
|
|
14
14
|
React.createElement("div", { className: styles.popper },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Calendar.js","sourceRoot":"","sources":["../../src/Calendar/Calendar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAM,OAAO,EAAE,MAAM,OAAO,CAAA;AAC1C,OAAO,EAAE,MAAM,YAAY,CAAA;AAC3B,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AACxC,OAAO,UAAoC,MAAM,kBAAkB,CAAA;AAEnE,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAA;AAC1D,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAA;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AAExD,OAAO,MAAM,MAAM,wBAAwB,CAAA;AAC3C,OAAO,EAAE,kBAAkB,EAAmB,MAAM,iBAAiB,CAAA;AAErE,MAAM,WAAW,GAAG,YAAY,CAAA;AAChC,MAAM,WAAW,GAAG,
|
|
1
|
+
{"version":3,"file":"Calendar.js","sourceRoot":"","sources":["../../src/Calendar/Calendar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAM,OAAO,EAAE,MAAM,OAAO,CAAA;AAC1C,OAAO,EAAE,MAAM,YAAY,CAAA;AAC3B,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AACxC,OAAO,UAAoC,MAAM,kBAAkB,CAAA;AAEnE,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAA;AAC1D,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAA;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AAExD,OAAO,MAAM,MAAM,wBAAwB,CAAA;AAC3C,OAAO,EAAE,kBAAkB,EAAmB,MAAM,iBAAiB,CAAA;AAErE,MAAM,WAAW,GAAG,YAAY,CAAA;AAChC,MAAM,WAAW,GAAG,OAAO,CAAA;AAE3B,MAAM,uBAAuB,GAC3B,CAAC,SAA6B,EAAE,QAAiB,EAAM,EAAE,CACzD,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IACf,MAAM,OAAO,GAAG,EAAE,mEAAmE;IACnF,6BAAK,SAAS,EAAE,MAAM,CAAC,MAAM;QAC3B,0CAAe,8BAA8B,EAAC,SAAS,EAAC,iCAAiC,IACtF,QAAQ,CACL,CACF,CACP,CAAA;IAED,IAAI,QAAQ,EAAE;QACZ,OAAO,OAAO,CAAA;KACf;IAED,OAAO,SAAS,IAAI,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA;AACxE,CAAC,CAAA;AAgBH,MAAM,CAAC,MAAM,QAAQ,GAAsB,CAAC,EAC1C,iBAAiB,EACjB,SAAS,EACT,kBAAkB,EAClB,IAAI,EACJ,UAAU,EACV,cAAc,EACd,YAAY,EACZ,aAAa,EACb,IAAI,GAAG,QAAQ,EACf,SAAS,GAAG,MAAM,EAClB,QAAQ,GAAG,KAAK,EAChB,UAAU,GAAG,WAAW,EACxB,UAAU,GAAG,WAAW,EACxB,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,eAAe,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,uBAAuB,CAAC,kBAAkB,CAAC,SAAS,CAAC,EAAE,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAA;IAE9H,OAAO,CACL,6BACE,SAAS,EAAE,EAAE,CACX,MAAM,CAAC,SAAS,EAChB;YACE,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,aAAa;SAC7B,EACD,kBAAkB,CACnB;QAED,oBAAC,UAAU,OACL,KAAK,EACT,iBAAiB,EAAE,EAAE,CAAC,MAAM,CAAC,QAAQ,EAAE,iBAAiB,CAAC,EACzD,SAAS,EAAE,SAAS;YACpB;;;eAGG;YACH,WAAW,EAAE,oBAAC,aAAa,IAAC,KAAK,EAAE,UAAU,EAAE,aAAa,EAAE,IAAI,EAAE,SAAS,EAAE,cAAc,GAAI,EACjG,eAAe,EAAE,oBAAC,YAAY,OAAG,EACjC,UAAU,EAAE,aAAa,CAAC,CAAC,CAAC,GAAG,UAAU,IAAI,UAAU,EAAE,CAAC,CAAC,CAAC,UAAU,EACtE,QAAQ,EAAE,YAAY,EACtB,eAAe,EAAE,eAAe;YAChC;;;;eAIG;YACH,kBAAkB,EAAE,cAAc,EAClC,QAAQ,EAAE,IAAI,EACd,UAAU,EAAE,UAAU,EACtB,eAAe,EAAE,KAAK,EACtB,aAAa,EAAE,aAAa,GAC5B,CACE,CACP,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -3,12 +3,9 @@ import { format, parse } from 'date-fns';
|
|
|
3
3
|
import { Button } from '../../Button';
|
|
4
4
|
import { timePoints } from '../helpers/consts';
|
|
5
5
|
import { TimeField } from '../../TimeField';
|
|
6
|
-
import styles from './CalendarTime.module.scss';
|
|
7
6
|
import { useRefValue } from '../../hooks';
|
|
8
|
-
|
|
9
|
-
const DATE_FORMAT = '
|
|
10
|
-
// Note: 0-23 hours time
|
|
11
|
-
const DATE_FORMAT_NO_MERIDIEM = 'HH:mm';
|
|
7
|
+
import styles from './CalendarTime.module.scss';
|
|
8
|
+
const DATE_FORMAT = 'HH:mm';
|
|
12
9
|
export const CalendarTimeInternal = ({ date, value, onChange }) => {
|
|
13
10
|
const [time, setTime] = useState(value);
|
|
14
11
|
const [timeInputError, setTimeInputError] = useState();
|
|
@@ -37,7 +34,7 @@ export const CalendarTimeInternal = ({ date, value, onChange }) => {
|
|
|
37
34
|
}, [value]);
|
|
38
35
|
const handleTimeInputChange = useCallback(({ target: { value } }) => {
|
|
39
36
|
setTime(value);
|
|
40
|
-
const parsedDate = parse(value,
|
|
37
|
+
const parsedDate = parse(value, DATE_FORMAT, date);
|
|
41
38
|
if (!isNaN(parsedDate.valueOf())) {
|
|
42
39
|
setTimeInputError(undefined);
|
|
43
40
|
onChange(value);
|
|
@@ -50,7 +47,7 @@ export const CalendarTimeInternal = ({ date, value, onChange }) => {
|
|
|
50
47
|
// Note: Input time (derived from timePoints) is in 'DATE_FORMAT'
|
|
51
48
|
const parsedDate = parse(dp, DATE_FORMAT, date);
|
|
52
49
|
// Note: Output time, that we feed back to 'react-datetime' is in 'DATE_FORMAT_NO_MERIDIEM' format
|
|
53
|
-
const timeStringWithoutAm = format(parsedDate,
|
|
50
|
+
const timeStringWithoutAm = format(parsedDate, DATE_FORMAT);
|
|
54
51
|
onChange(timeStringWithoutAm);
|
|
55
52
|
// remove error because time from the list can not be invalid
|
|
56
53
|
setTimeInputError(undefined);
|
|
@@ -61,7 +58,7 @@ export const CalendarTimeInternal = ({ date, value, onChange }) => {
|
|
|
61
58
|
}, [onChange, getValue, date]);
|
|
62
59
|
return (React.createElement("div", { "data-test": "calendar-time", className: styles.container },
|
|
63
60
|
React.createElement("div", { "data-test": "calendar-time-header", className: styles.header },
|
|
64
|
-
React.createElement(TimeField, { showAriaLabel: true, label: "Time Input", error: timeInputError, name: "time", value: time.toString(), onChange: handleTimeInputChange })),
|
|
61
|
+
React.createElement(TimeField, { showAriaLabel: true, size: "small", label: "Time Input", error: timeInputError, name: "time", value: time.toString(), inputClassName: styles.timeInput, onChange: handleTimeInputChange })),
|
|
65
62
|
React.createElement("div", { "data-test": "calendar-time-timePoints", className: styles.timePoints }, timePoints.map((tP) => (React.createElement(Button, { className: styles.timePoint, bodyClassName: styles.timePointBody, key: tP, variant: "text", onClick: handleDateClick(tP) }, tP))))));
|
|
66
63
|
};
|
|
67
64
|
export const CalendarTime = (props) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CalendarTime.js","sourceRoot":"","sources":["../../../src/Calendar/components/CalendarTime.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAmB,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAChF,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAExC,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAA;AACrC,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAA;
|
|
1
|
+
{"version":3,"file":"CalendarTime.js","sourceRoot":"","sources":["../../../src/Calendar/components/CalendarTime.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,100 +1,100 @@
|
|
|
1
1
|
export const timePoints = [
|
|
2
|
-
// Source: https://simple.wikipedia.org/wiki/
|
|
3
|
-
'
|
|
4
|
-
'
|
|
5
|
-
'
|
|
6
|
-
'
|
|
7
|
-
'01:00
|
|
8
|
-
'01:15
|
|
9
|
-
'01:30
|
|
10
|
-
'01:45
|
|
11
|
-
'02:00
|
|
12
|
-
'02:15
|
|
13
|
-
'02:30
|
|
14
|
-
'02:45
|
|
15
|
-
'03:00
|
|
16
|
-
'03:15
|
|
17
|
-
'03:30
|
|
18
|
-
'03:45
|
|
19
|
-
'04:00
|
|
20
|
-
'04:15
|
|
21
|
-
'04:30
|
|
22
|
-
'04:45
|
|
23
|
-
'05:00
|
|
24
|
-
'05:15
|
|
25
|
-
'05:30
|
|
26
|
-
'05:45
|
|
27
|
-
'06:00
|
|
28
|
-
'06:15
|
|
29
|
-
'06:30
|
|
30
|
-
'06:45
|
|
31
|
-
'07:00
|
|
32
|
-
'07:15
|
|
33
|
-
'07:30
|
|
34
|
-
'07:45
|
|
35
|
-
'08:00
|
|
36
|
-
'08:15
|
|
37
|
-
'08:30
|
|
38
|
-
'08:45
|
|
39
|
-
'09:00
|
|
40
|
-
'09:15
|
|
41
|
-
'09:30
|
|
42
|
-
'09:45
|
|
43
|
-
'10:00
|
|
44
|
-
'10:15
|
|
45
|
-
'10:30
|
|
46
|
-
'10:45
|
|
47
|
-
'11:00
|
|
48
|
-
'11:15
|
|
49
|
-
'11:30
|
|
50
|
-
'11:45
|
|
51
|
-
'12:00
|
|
52
|
-
'12:15
|
|
53
|
-
'12:30
|
|
54
|
-
'12:45
|
|
55
|
-
'
|
|
56
|
-
'
|
|
57
|
-
'
|
|
58
|
-
'
|
|
59
|
-
'
|
|
60
|
-
'
|
|
61
|
-
'
|
|
62
|
-
'
|
|
63
|
-
'
|
|
64
|
-
'
|
|
65
|
-
'
|
|
66
|
-
'
|
|
67
|
-
'
|
|
68
|
-
'
|
|
69
|
-
'
|
|
70
|
-
'
|
|
71
|
-
'
|
|
72
|
-
'
|
|
73
|
-
'
|
|
74
|
-
'
|
|
75
|
-
'
|
|
76
|
-
'
|
|
77
|
-
'
|
|
78
|
-
'
|
|
79
|
-
'
|
|
80
|
-
'
|
|
81
|
-
'
|
|
82
|
-
'
|
|
83
|
-
'
|
|
84
|
-
'
|
|
85
|
-
'
|
|
86
|
-
'
|
|
87
|
-
'
|
|
88
|
-
'
|
|
89
|
-
'
|
|
90
|
-
'
|
|
91
|
-
'
|
|
92
|
-
'
|
|
93
|
-
'
|
|
94
|
-
'
|
|
95
|
-
'
|
|
96
|
-
'
|
|
97
|
-
'
|
|
98
|
-
'
|
|
2
|
+
// Source: https://simple.wikipedia.org/wiki/24-hour_clock
|
|
3
|
+
'00:00',
|
|
4
|
+
'00:15',
|
|
5
|
+
'00:30',
|
|
6
|
+
'00:45',
|
|
7
|
+
'01:00',
|
|
8
|
+
'01:15',
|
|
9
|
+
'01:30',
|
|
10
|
+
'01:45',
|
|
11
|
+
'02:00',
|
|
12
|
+
'02:15',
|
|
13
|
+
'02:30',
|
|
14
|
+
'02:45',
|
|
15
|
+
'03:00',
|
|
16
|
+
'03:15',
|
|
17
|
+
'03:30',
|
|
18
|
+
'03:45',
|
|
19
|
+
'04:00',
|
|
20
|
+
'04:15',
|
|
21
|
+
'04:30',
|
|
22
|
+
'04:45',
|
|
23
|
+
'05:00',
|
|
24
|
+
'05:15',
|
|
25
|
+
'05:30',
|
|
26
|
+
'05:45',
|
|
27
|
+
'06:00',
|
|
28
|
+
'06:15',
|
|
29
|
+
'06:30',
|
|
30
|
+
'06:45',
|
|
31
|
+
'07:00',
|
|
32
|
+
'07:15',
|
|
33
|
+
'07:30',
|
|
34
|
+
'07:45',
|
|
35
|
+
'08:00',
|
|
36
|
+
'08:15',
|
|
37
|
+
'08:30',
|
|
38
|
+
'08:45',
|
|
39
|
+
'09:00',
|
|
40
|
+
'09:15',
|
|
41
|
+
'09:30',
|
|
42
|
+
'09:45',
|
|
43
|
+
'10:00',
|
|
44
|
+
'10:15',
|
|
45
|
+
'10:30',
|
|
46
|
+
'10:45',
|
|
47
|
+
'11:00',
|
|
48
|
+
'11:15',
|
|
49
|
+
'11:30',
|
|
50
|
+
'11:45',
|
|
51
|
+
'12:00',
|
|
52
|
+
'12:15',
|
|
53
|
+
'12:30',
|
|
54
|
+
'12:45',
|
|
55
|
+
'13:00',
|
|
56
|
+
'13:15',
|
|
57
|
+
'13:30',
|
|
58
|
+
'13:45',
|
|
59
|
+
'14:00',
|
|
60
|
+
'14:15',
|
|
61
|
+
'14:30',
|
|
62
|
+
'14:45',
|
|
63
|
+
'15:00',
|
|
64
|
+
'15:15',
|
|
65
|
+
'15:30',
|
|
66
|
+
'15:45',
|
|
67
|
+
'16:00',
|
|
68
|
+
'16:15',
|
|
69
|
+
'16:30',
|
|
70
|
+
'16:45',
|
|
71
|
+
'17:00',
|
|
72
|
+
'17:15',
|
|
73
|
+
'17:30',
|
|
74
|
+
'17:45',
|
|
75
|
+
'18:00',
|
|
76
|
+
'18:15',
|
|
77
|
+
'18:30',
|
|
78
|
+
'18:45',
|
|
79
|
+
'19:00',
|
|
80
|
+
'19:15',
|
|
81
|
+
'19:30',
|
|
82
|
+
'19:45',
|
|
83
|
+
'20:00',
|
|
84
|
+
'20:15',
|
|
85
|
+
'20:30',
|
|
86
|
+
'20:45',
|
|
87
|
+
'21:00',
|
|
88
|
+
'21:15',
|
|
89
|
+
'21:30',
|
|
90
|
+
'21:45',
|
|
91
|
+
'22:00',
|
|
92
|
+
'22:15',
|
|
93
|
+
'22:30',
|
|
94
|
+
'22:45',
|
|
95
|
+
'23:00',
|
|
96
|
+
'23:15',
|
|
97
|
+
'23:30',
|
|
98
|
+
'23:45',
|
|
99
99
|
];
|
|
100
100
|
//# sourceMappingURL=consts.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"consts.js","sourceRoot":"","sources":["../../../src/Calendar/helpers/consts.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,0DAA0D;IAC1D,
|
|
1
|
+
{"version":3,"file":"consts.js","sourceRoot":"","sources":["../../../src/Calendar/helpers/consts.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,0DAA0D;IAC1D,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;CACR,CAAA"}
|
package/lib/Pagination.d.ts
CHANGED
|
@@ -17,11 +17,12 @@ export declare type PaginationProps = {
|
|
|
17
17
|
goToPage: (page: number) => void;
|
|
18
18
|
nextPage: () => void;
|
|
19
19
|
previousPage: () => void;
|
|
20
|
-
pageSize: number;
|
|
21
|
-
setPageSize: (pageSize: number) => void;
|
|
22
|
-
pageSizeOptions: number[];
|
|
23
20
|
numberOfItems: number;
|
|
21
|
+
pageSize: number;
|
|
22
|
+
setPageSize?: (pageSize: number) => void;
|
|
23
|
+
pageSizeOptions?: number[];
|
|
24
24
|
displaySmallBreakpoint?: number;
|
|
25
|
+
isSimpleView?: boolean;
|
|
25
26
|
};
|
|
26
27
|
/**
|
|
27
28
|
* ### Purpose
|
package/lib/Pagination.js
CHANGED
|
@@ -40,7 +40,7 @@ export const getShownItemsRange = ({ currentPage, pageSize, numberOfItems }) =>
|
|
|
40
40
|
* version of Pagination with all its features. In that case the features
|
|
41
41
|
* (rows per page select and page jump) are hidden under "More Options" button.
|
|
42
42
|
*/
|
|
43
|
-
export const Pagination = ({ pageCount, currentPage, canPreviousPage, canNextPage, goToPage, nextPage, previousPage, pageSize, setPageSize, pageSizeOptions, numberOfItems, displaySmallBreakpoint = 820, }) => {
|
|
43
|
+
export const Pagination = ({ pageCount, currentPage, canPreviousPage, canNextPage, goToPage, nextPage, previousPage, pageSize, setPageSize, pageSizeOptions = [], numberOfItems, displaySmallBreakpoint = 820, isSimpleView, }) => {
|
|
44
44
|
const [currentPageValue, setCurrentPageValue] = useState(currentPage);
|
|
45
45
|
const containerWidthRef = useRef(null);
|
|
46
46
|
const { width } = useDimensions(containerWidthRef);
|
|
@@ -54,7 +54,7 @@ export const Pagination = ({ pageCount, currentPage, canPreviousPage, canNextPag
|
|
|
54
54
|
}), [currentPage, pageSize, numberOfItems]);
|
|
55
55
|
const rowsPerPageOptions = useDeepCompareMemo(() => pageSizeOptions.map((opt) => ({ value: opt, label: opt.toString() })), [pageSizeOptions]);
|
|
56
56
|
const onChangeWrapped = useCallback((pageSize) => {
|
|
57
|
-
if (typeof pageSize === 'number') {
|
|
57
|
+
if (typeof pageSize === 'number' && setPageSize) {
|
|
58
58
|
setPageSize(pageSize);
|
|
59
59
|
}
|
|
60
60
|
}, [setPageSize]);
|
|
@@ -91,13 +91,13 @@ export const Pagination = ({ pageCount, currentPage, canPreviousPage, canNextPag
|
|
|
91
91
|
}, [canNextPage, canPreviousPage, currentPage, goToPage, nextPage, previousPage, pageCount, pages]);
|
|
92
92
|
const [moreOptions, setMoreOptions] = useState(false);
|
|
93
93
|
return (React.createElement("div", { ref: containerWidthRef, className: styles.container },
|
|
94
|
-
displaySmall && moreOptions ? (React.createElement(React.Fragment, null,
|
|
94
|
+
displaySmall && moreOptions && !isSimpleView ? (React.createElement(React.Fragment, null,
|
|
95
95
|
PageJumpForm,
|
|
96
96
|
RowsPerPageSelect)) : (PageButtons),
|
|
97
|
-
!displaySmall && (React.createElement("span", { "data-test": "pagination-range-of-shown-items", className: styles.shownItems }, `${firstItemShown} – ${lastItemShown} of ${numberOfItems}`)),
|
|
98
|
-
!displaySmall && PageJumpForm,
|
|
99
|
-
!displaySmall && RowsPerPageSelect,
|
|
100
|
-
displaySmall && (
|
|
97
|
+
!displaySmall && !isSimpleView && (React.createElement("span", { "data-test": "pagination-range-of-shown-items", className: styles.shownItems }, `${firstItemShown} – ${lastItemShown} of ${numberOfItems}`)),
|
|
98
|
+
!displaySmall && !isSimpleView && PageJumpForm,
|
|
99
|
+
!displaySmall && !isSimpleView && RowsPerPageSelect,
|
|
100
|
+
displaySmall && !isSimpleView && (
|
|
101
101
|
// TODO: button should display an overlay with more options
|
|
102
102
|
React.createElement(IconButton, { key: "next", kind: "primary", icon: moreOptions ? ArrowLeft : Settings, ariaLabel: moreOptions ? 'Show Pages' : 'More Options', className: styles.iconButton, onClick: () => {
|
|
103
103
|
setMoreOptions(!moreOptions);
|
package/lib/Pagination.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Pagination.js","sourceRoot":"","sources":["../src/Pagination.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAM,WAAW,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACzE,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAA;AAC/D,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AAC9E,OAAO,EAAE,MAAM,YAAY,CAAA;AAE3B,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAA;AACrD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAA;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AACtC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAE7B,OAAO,MAAM,MAAM,0BAA0B,CAAA;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAc3C,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,EAAE,WAAW,EAAE,QAAQ,EAAE,aAAa,EAA4B,EAAmB,EAAE;IACxH;;;;;;;;;;OAUG;IACH,MAAM,UAAU,GAAG,WAAW,GAAG,QAAQ,GAAG,aAAa,CAAA;IAEzD,MAAM,cAAc,GAAG,WAAW,GAAG,QAAQ,GAAG,QAAQ,GAAG,CAAC,CAAA;IAC5D,MAAM,aAAa,GAAG,UAAU,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,cAAc,GAAG,QAAQ,GAAG,CAAC,CAAA;IAEhF,OAAO;QACL,cAAc;QACd,aAAa;KACd,CAAA;AACH,CAAC,CAAA;
|
|
1
|
+
{"version":3,"file":"Pagination.js","sourceRoot":"","sources":["../src/Pagination.tsx"],"names":[],"mappings":"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"}
|
|
@@ -23,7 +23,7 @@ export declare type SelectFieldIconLeftProps = {
|
|
|
23
23
|
iconLeftClassName?: never;
|
|
24
24
|
iconLeftContainerClassName?: never;
|
|
25
25
|
};
|
|
26
|
-
declare type SelectFieldSize = 'small' | 'medium';
|
|
26
|
+
export declare type SelectFieldSize = 'small' | 'medium';
|
|
27
27
|
export declare type SelectFieldExtraProps<V> = {
|
|
28
28
|
options: GroupedOptionsType<SelectFieldOption<V>> | OptionsType<SelectFieldOption<V>>;
|
|
29
29
|
size?: SelectFieldSize;
|
|
@@ -40,4 +40,3 @@ export declare type SelectFieldExtraProps<V> = {
|
|
|
40
40
|
} & DataTestProp & Pick<InputHTMLAttributes<HTMLElement>, 'autoFocus' | 'disabled' | 'required' | 'placeholder'> & Pick<ReactSelectProps, 'isSearchable' | 'isClearable' | 'menuIsOpen' | 'menuPlacement' | 'closeMenuOnScroll' | 'noOptionsMessage' | 'inputValue'> & SelectFieldIconLeftProps & Omit<FieldHeaderProps, 'id'>;
|
|
41
41
|
export declare type SelectFieldProps<V> = SelectFieldCoreStaticProps<V> & SelectFieldExtraProps<V>;
|
|
42
42
|
export declare const SelectField: <V extends string | number = string>(props: SelectFieldProps<V>) => React.ReactElement<SelectFieldProps<V>, string | React.JSXElementConstructor<any>>;
|
|
43
|
-
export {};
|
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/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.28+c2de48f",
|
|
4
4
|
"description": "Hazelcast design system components",
|
|
5
5
|
"author": "",
|
|
6
6
|
"homepage": "https://github.com/hazelcast/frontend-shared#readme",
|
|
@@ -67,6 +67,7 @@
|
|
|
67
67
|
"react-popper": "^2.2.3",
|
|
68
68
|
"react-resize-aware": "^3.1.1",
|
|
69
69
|
"react-select": "^4.1.0",
|
|
70
|
+
"react-simple-timefield": "^3.2.5",
|
|
70
71
|
"react-table": "^7.7.0",
|
|
71
72
|
"react-uid": "^2.3.1",
|
|
72
73
|
"react-use": "^17.3.1",
|
|
@@ -109,5 +110,5 @@
|
|
|
109
110
|
"webpack": "^5.65.0",
|
|
110
111
|
"yup": "^0.32.11"
|
|
111
112
|
},
|
|
112
|
-
"gitHead": "
|
|
113
|
+
"gitHead": "c2de48f6ad5a8b5185c8a0bdcd5c85c6bb97443e"
|
|
113
114
|
}
|