@servicetitan/design-system 12.8.0 → 12.9.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/DatePicker/DatePicker.d.ts +4 -10
- package/dist/components/DatePicker/DatePicker.js +46 -61
- package/dist/components/DatePicker/DatePicker.js.map +1 -1
- package/dist/components/DatePicker/InputDateMask.d.ts +1 -1
- package/dist/components/DateRangePicker/DateRangePicker.d.ts +3 -3
- package/dist/components/Dialog/Dialog.d.ts +3 -3
- package/dist/components/Drawer/Drawer.d.ts +3 -3
- package/dist/components/Drawer/Drawer.js +11 -23
- package/dist/components/Drawer/Drawer.js.map +1 -1
- package/dist/components/Input/Input.js +3 -6
- package/dist/components/Input/Input.js.map +1 -1
- package/dist/components/Modal/Modal.d.ts +3 -3
- package/dist/components/Modal/Modal.js.map +1 -1
- package/dist/components/Modal/components.d.ts +3 -3
- package/dist/components/Modal/components.js +6 -18
- package/dist/components/Modal/components.js.map +1 -1
- package/dist/components/Popover/Popover.d.ts +3 -3
- package/dist/components/ProgressTracker/ProgressTracker.css +13 -1
- package/dist/components/ProgressTracker/ProgressTracker.css.map +1 -1
- package/dist/components/ProgressTracker/ProgressTracker.d.ts +6 -0
- package/dist/components/ProgressTracker/ProgressTracker.js +10 -2
- package/dist/components/ProgressTracker/ProgressTracker.js.map +1 -1
- package/dist/components/ProgressTracker/ProgressTrackerDivider.d.ts +1 -0
- package/dist/components/ProgressTracker/ProgressTrackerDivider.js +3 -1
- package/dist/components/ProgressTracker/ProgressTrackerDivider.js.map +1 -1
- package/dist/components/ProgressTracker/ProgressTrackerStep.css +73 -18
- package/dist/components/ProgressTracker/ProgressTrackerStep.css.map +1 -1
- package/dist/components/ProgressTracker/ProgressTrackerStep.d.ts +3 -0
- package/dist/components/ProgressTracker/ProgressTrackerStep.js +29 -7
- package/dist/components/ProgressTracker/ProgressTrackerStep.js.map +1 -1
- package/dist/components/ProgressTracker/index.css +86 -19
- package/dist/components/ProgressTracker/index.css.map +1 -1
- package/dist/components/Scroll/Scroll.css +6 -0
- package/dist/components/Scroll/Scroll.css.map +1 -1
- package/dist/components/Scroll/Scroll.js +7 -1
- package/dist/components/Scroll/Scroll.js.map +1 -1
- package/dist/components/Scroll/index.css +6 -0
- package/dist/components/Scroll/index.css.map +1 -1
- package/dist/components/Tab/Tab.js +1 -1
- package/dist/components/Tab/Tab.js.map +1 -1
- package/dist/components/Takeover/Takeover.d.ts +3 -3
- package/dist/components/Takeover/Takeover.js +9 -21
- package/dist/components/Takeover/Takeover.js.map +1 -1
- package/dist/components/TimePicker/TimePicker.js +10 -7
- package/dist/components/TimePicker/TimePicker.js.map +1 -1
- package/dist/components/TimePicker/components/TimePickerOptionList.d.ts +1 -0
- package/dist/components/TimePicker/components/TimePickerOptionList.js +8 -2
- package/dist/components/TimePicker/components/TimePickerOptionList.js.map +1 -1
- package/dist/components/TimePicker/utils/getClosestOption.js +1 -1
- package/dist/components/TimePicker/utils/getClosestOption.js.map +1 -1
- package/dist/components/TimePicker/utils/utils.js +0 -1
- package/dist/components/TimePicker/utils/utils.js.map +1 -1
- package/dist/components/index.css +92 -19
- package/dist/components/index.css.map +1 -1
- package/dist/global/index.css +1 -1
- package/dist/global/version.css +1 -1
- package/dist/hooks/index.d.ts +1 -0
- package/dist/hooks/index.js +1 -0
- package/dist/hooks/index.js.map +1 -1
- package/dist/hooks/useFocusTrap/index.d.ts +1 -0
- package/dist/hooks/useFocusTrap/index.js +2 -0
- package/dist/hooks/useFocusTrap/index.js.map +1 -0
- package/dist/hooks/useFocusTrap/internal/index.d.ts +5 -0
- package/dist/hooks/useFocusTrap/internal/index.js +6 -0
- package/dist/hooks/useFocusTrap/internal/index.js.map +1 -0
- package/dist/hooks/useFocusTrap/internal/useAutoFocus.d.ts +6 -0
- package/dist/hooks/useFocusTrap/internal/useAutoFocus.js +23 -0
- package/dist/hooks/useFocusTrap/internal/useAutoFocus.js.map +1 -0
- package/dist/hooks/useFocusTrap/internal/useAutoFocusContainer.d.ts +11 -0
- package/dist/hooks/useFocusTrap/internal/useAutoFocusContainer.js +28 -0
- package/dist/hooks/useFocusTrap/internal/useAutoFocusContainer.js.map +1 -0
- package/dist/hooks/useFocusTrap/internal/useDisableClickOutside.d.ts +9 -0
- package/dist/hooks/useFocusTrap/internal/useDisableClickOutside.js +28 -0
- package/dist/hooks/useFocusTrap/internal/useDisableClickOutside.js.map +1 -0
- package/dist/hooks/useFocusTrap/internal/useFocusLock.d.ts +6 -0
- package/dist/hooks/useFocusTrap/internal/useFocusLock.js +39 -0
- package/dist/hooks/useFocusTrap/internal/useFocusLock.js.map +1 -0
- package/dist/hooks/useFocusTrap/internal/useRestoreFocus.d.ts +3 -0
- package/dist/hooks/useFocusTrap/internal/useRestoreFocus.js +12 -0
- package/dist/hooks/useFocusTrap/internal/useRestoreFocus.js.map +1 -0
- package/dist/hooks/useFocusTrap/internal/utils.d.ts +23 -0
- package/dist/hooks/useFocusTrap/internal/utils.js +161 -0
- package/dist/hooks/useFocusTrap/internal/utils.js.map +1 -0
- package/dist/hooks/useFocusTrap/useFocusTrap.d.ts +37 -0
- package/dist/hooks/useFocusTrap/useFocusTrap.js +34 -0
- package/dist/hooks/useFocusTrap/useFocusTrap.js.map +1 -0
- package/dist/internal/Popper/Popper.d.ts +3 -3
- package/dist/internal/Popper/Popper.js +9 -17
- package/dist/internal/Popper/Popper.js.map +1 -1
- package/dist/system-light.css +1 -1
- package/dist/system-light.min.css +1 -1
- package/dist/system.css +93 -20
- package/dist/system.css.map +1 -1
- package/dist/system.min.css +2 -2
- package/dist/utilities/index.d.ts +0 -1
- package/dist/utilities/index.js +0 -1
- package/dist/utilities/index.js.map +1 -1
- package/package.json +130 -130
- package/dist/utilities/FocusTrap/FocusTrap.d.ts +0 -8
- package/dist/utilities/FocusTrap/FocusTrap.js +0 -52
- package/dist/utilities/FocusTrap/FocusTrap.js.map +0 -1
- package/dist/utilities/FocusTrap/index.d.ts +0 -1
- package/dist/utilities/FocusTrap/index.js +0 -2
- package/dist/utilities/FocusTrap/index.js.map +0 -1
|
@@ -22,22 +22,16 @@ export interface DatePickerPropsStrict {
|
|
|
22
22
|
/** Placeholder value */
|
|
23
23
|
placeholder?: InputDateMaskProps['placeholder'];
|
|
24
24
|
/** Default value */
|
|
25
|
-
value?: Calendar['value'];
|
|
25
|
+
value?: Calendar['value'] | string;
|
|
26
26
|
/** opens calendar */
|
|
27
27
|
open?: boolean;
|
|
28
28
|
/** direction of the popover */
|
|
29
29
|
direction?: PopoverProps['direction'];
|
|
30
|
+
isoFormat?: boolean;
|
|
31
|
+
onChange?: (value: Date | string | undefined) => void;
|
|
30
32
|
}
|
|
31
|
-
declare type ConditionalOnChangeProps = {
|
|
32
|
-
isoFormat?: false;
|
|
33
|
-
onChange?: (value: Date | undefined) => void;
|
|
34
|
-
} | {
|
|
35
|
-
isoFormat: true;
|
|
36
|
-
onChange?: (value: Date | undefined | string) => void;
|
|
37
|
-
};
|
|
38
33
|
export interface DatePickerProps extends DatePickerPropsStrict {
|
|
39
34
|
/** Unstrict Props */
|
|
40
35
|
[propName: string]: any;
|
|
41
36
|
}
|
|
42
|
-
export declare const DatePicker: FC<DatePickerProps
|
|
43
|
-
export {};
|
|
37
|
+
export declare const DatePicker: FC<DatePickerProps>;
|
|
@@ -24,20 +24,15 @@ export const DatePicker = React.forwardRef((props, ref) => {
|
|
|
24
24
|
const inputRef = React.useRef(null);
|
|
25
25
|
const timezone = useContext(TimezoneContext);
|
|
26
26
|
const [showCalendar, setShowCalendar] = React.useState(open);
|
|
27
|
-
const [focusCalendar, setFocusCalendar] = React.useState(false);
|
|
28
27
|
const convertValue = useCallback((value) => {
|
|
29
28
|
return value
|
|
30
|
-
? DateTime.fromJSDate(value
|
|
31
|
-
zone: timezone,
|
|
32
|
-
}).startOf('day')
|
|
29
|
+
? DateTime.fromJSDate(value).setZone(timezone)
|
|
33
30
|
: null;
|
|
34
31
|
}, [timezone]);
|
|
35
|
-
const
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
});
|
|
40
|
-
};
|
|
32
|
+
const date = (value) => value instanceof Date
|
|
33
|
+
? convertValue(value)
|
|
34
|
+
: DateTime.fromISO(value).setZone(timezone);
|
|
35
|
+
const [IValue, setIValue] = React.useState(date(value));
|
|
41
36
|
const getNewToday = DateTime.fromJSDate(new Date(), {
|
|
42
37
|
zone: timezone,
|
|
43
38
|
});
|
|
@@ -61,6 +56,7 @@ export const DatePicker = React.forwardRef((props, ref) => {
|
|
|
61
56
|
inputRef.current.focus();
|
|
62
57
|
};
|
|
63
58
|
const handleKeyDown = (event) => {
|
|
59
|
+
var _a;
|
|
64
60
|
const { key } = event;
|
|
65
61
|
if (key === keys.esc) {
|
|
66
62
|
event.preventDefault();
|
|
@@ -70,69 +66,44 @@ export const DatePicker = React.forwardRef((props, ref) => {
|
|
|
70
66
|
if ([keys.space, keys.down].includes(key)) {
|
|
71
67
|
event.preventDefault();
|
|
72
68
|
setShowCalendar(true);
|
|
73
|
-
|
|
69
|
+
(_a = calendarRef === null || calendarRef === void 0 ? void 0 : calendarRef.current) === null || _a === void 0 ? void 0 : _a.focus();
|
|
74
70
|
}
|
|
75
71
|
if (showCalendar && key === keys.tab) {
|
|
76
72
|
setShowCalendar(false);
|
|
77
73
|
}
|
|
78
74
|
};
|
|
79
|
-
useEffect(() => {
|
|
80
|
-
var _a;
|
|
81
|
-
if (focusCalendar) {
|
|
82
|
-
(_a = calendarRef === null || calendarRef === void 0 ? void 0 : calendarRef.current) === null || _a === void 0 ? void 0 : _a.focus();
|
|
83
|
-
setFocusCalendar(false);
|
|
84
|
-
}
|
|
85
|
-
}, [focusCalendar]);
|
|
86
75
|
useEffect(() => {
|
|
87
76
|
setShowCalendar(open);
|
|
88
77
|
}, [open]);
|
|
89
78
|
const stopRender = useRef(false);
|
|
90
79
|
useEffect(() => {
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
});
|
|
95
|
-
if (isoFormat) {
|
|
96
|
-
date = dateData.toString();
|
|
80
|
+
if (stopRender.current) {
|
|
81
|
+
setIValue(IValue.setZone(timezone));
|
|
82
|
+
onChangeReturn(IValue.setZone(timezone));
|
|
97
83
|
}
|
|
98
|
-
else {
|
|
99
|
-
date = dateData.toJSDate();
|
|
100
|
-
}
|
|
101
|
-
stopRender.current && (onChange === null || onChange === void 0 ? void 0 : onChange(date));
|
|
102
84
|
stopRender.current = true;
|
|
103
85
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
104
86
|
}, [timezone, isoFormat]);
|
|
105
|
-
const initialRender = useRef(true);
|
|
106
87
|
useEffect(() => {
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
onChange === null || onChange === void 0 ? void 0 : onChange(value);
|
|
114
|
-
}
|
|
88
|
+
var _a, _b;
|
|
89
|
+
const oldValue = !isNaN((_a = date(value)) === null || _a === void 0 ? void 0 : _a.toMillis()) && ((_b = date(value)) === null || _b === void 0 ? void 0 : _b.toMillis());
|
|
90
|
+
const newValue = !isNaN(IValue === null || IValue === void 0 ? void 0 : IValue.toMillis()) && (IValue === null || IValue === void 0 ? void 0 : IValue.toMillis());
|
|
91
|
+
if (oldValue !== newValue) {
|
|
92
|
+
setIValue(date(value));
|
|
93
|
+
onChangeReturn(date(value));
|
|
115
94
|
}
|
|
116
|
-
initialRender.current = false;
|
|
117
95
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
118
96
|
}, [value, isoFormat]);
|
|
119
97
|
const handleChange = (event) => {
|
|
120
|
-
let eventValue = event.target.value;
|
|
98
|
+
let eventValue = DateTime.fromFormat(format(event.target.value), 'LL/dd/yyyy');
|
|
121
99
|
if (event.nativeEvent.target.className === 'k-nav-today') {
|
|
122
100
|
event.syntheticEvent.stopPropagation();
|
|
123
|
-
eventValue =
|
|
101
|
+
eventValue = getNewToday;
|
|
124
102
|
}
|
|
125
103
|
setIValue(eventValue);
|
|
126
|
-
|
|
127
|
-
? setTZ(eventValue).startOf('day')
|
|
128
|
-
: undefined;
|
|
104
|
+
onChangeReturn(eventValue);
|
|
129
105
|
setShowCalendar(false);
|
|
130
106
|
inputRef.current.focus();
|
|
131
|
-
if (isoFormat) {
|
|
132
|
-
onChange === null || onChange === void 0 ? void 0 : onChange(value.toString());
|
|
133
|
-
return;
|
|
134
|
-
}
|
|
135
|
-
onChange === null || onChange === void 0 ? void 0 : onChange(value.toJSDate());
|
|
136
107
|
};
|
|
137
108
|
const DatePickerClasses = classnames('DatePicker', {
|
|
138
109
|
'DatePicker--disabled': disabled,
|
|
@@ -140,19 +111,30 @@ export const DatePicker = React.forwardRef((props, ref) => {
|
|
|
140
111
|
[`DatePicker--${size}`]: size,
|
|
141
112
|
});
|
|
142
113
|
const handleInputChange = (data) => {
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
114
|
+
if (data) {
|
|
115
|
+
const dateData = DateTime.fromFormat(format(data), 'LL/dd/yyyy', {
|
|
116
|
+
zone: timezone,
|
|
117
|
+
});
|
|
118
|
+
setIValue(dateData);
|
|
119
|
+
onChangeReturn(dateData);
|
|
120
|
+
}
|
|
146
121
|
};
|
|
147
|
-
const
|
|
148
|
-
|
|
122
|
+
const onChangeReturn = (value) => {
|
|
123
|
+
const returnDate = value === null || value === void 0 ? void 0 : value.setZone(timezone);
|
|
124
|
+
if (!isoFormat) {
|
|
125
|
+
onChange === null || onChange === void 0 ? void 0 : onChange(returnDate === null || returnDate === void 0 ? void 0 : returnDate.toJSDate());
|
|
126
|
+
return;
|
|
127
|
+
}
|
|
128
|
+
onChange === null || onChange === void 0 ? void 0 : onChange(returnDate === null || returnDate === void 0 ? void 0 : returnDate.toISO());
|
|
149
129
|
};
|
|
150
130
|
const InputProps = Object.assign({ disabled,
|
|
151
131
|
error,
|
|
152
|
-
maskChar,
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
132
|
+
maskChar, maxDate: date(maxDate).isValid
|
|
133
|
+
? new Date(format(date(maxDate)))
|
|
134
|
+
: undefined, minDate: date(minDate).isValid
|
|
135
|
+
? new Date(format(date(minDate)))
|
|
136
|
+
: undefined, onChange: handleInputChange, placeholder,
|
|
137
|
+
size, value: IValue.isValid ? new Date(format(IValue)) : null }, maskProps);
|
|
156
138
|
// custom cell to override the today highlight to match timezone today
|
|
157
139
|
const customCell = (props) => {
|
|
158
140
|
if (format(props.value) === format(getNewToday)) {
|
|
@@ -161,12 +143,15 @@ export const DatePicker = React.forwardRef((props, ref) => {
|
|
|
161
143
|
return React.createElement(CalendarCell, Object.assign({}, props, { isToday: false }));
|
|
162
144
|
};
|
|
163
145
|
const CalendarProps = {
|
|
164
|
-
value: IValue,
|
|
165
|
-
max: maxDate
|
|
166
|
-
|
|
146
|
+
value: IValue.isValid ? new Date(format(IValue)) : null,
|
|
147
|
+
max: date(maxDate).isValid
|
|
148
|
+
? new Date(format(date(maxDate)))
|
|
149
|
+
: undefined,
|
|
150
|
+
min: date(minDate).isValid
|
|
151
|
+
? new Date(format(date(minDate)))
|
|
152
|
+
: undefined,
|
|
167
153
|
onChange: handleChange,
|
|
168
154
|
ref: calendarRef,
|
|
169
|
-
tabIndex: -1,
|
|
170
155
|
cell: customCell,
|
|
171
156
|
};
|
|
172
157
|
return (React.createElement(Popover, Object.assign({ portal: true, wrapperClassName: DatePickerClasses, open: showCalendar, popoverContentClassName: "DatePicker__calendar", onKeyDown: handleKeyDown, direction: direction, padding: null, width: "auto", ref: ref, onClickOutside: () => handleClickOutside(), trigger: React.createElement(InputDateMask, Object.assign({}, InputProps, { inputRef: inputRef, className: "DatePicker__input", onClick: handleInputClick, shortLabel: React.createElement(Icon, { name: "event", className: "DatePicker__icon", onClick: handleClickIcon, "aria-label": "toggle calendar" }), fluid: true, "data-anvil-component": "DatePicker" })) }, rest), CustomCalendar ? (React.createElement(CustomCalendar, Object.assign({}, CalendarProps))) : (React.createElement(Calendar, Object.assign({}, CalendarProps)))));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../src/components/DatePicker/DatePicker.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAM,UAAU,EAAE,SAAS,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAC9E,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EACN,QAAQ,EAGR,YAAY,GAEZ,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAE,OAAO,EAAgB,MAAM,YAAY,CAAC;AACnD,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAC;AAChD,OAAO,EAAE,aAAa,EAAsB,MAAM,iBAAiB,CAAC;AACpE,OAAO,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AACnE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../src/components/DatePicker/DatePicker.tsx"],"names":[],"mappings":"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"}
|
|
@@ -14,7 +14,7 @@ export interface InputDateMaskProps extends Omit<InputProps, 'onChange' | 'value
|
|
|
14
14
|
/** onChange function */
|
|
15
15
|
onChange(value: Date | undefined): void;
|
|
16
16
|
/** onBlur function */
|
|
17
|
-
onBlur(value: string): void;
|
|
17
|
+
onBlur?(value: string): void;
|
|
18
18
|
/** Current value of Input */
|
|
19
19
|
value?: Date | undefined;
|
|
20
20
|
/** forwarded input ref */
|
|
@@ -4,7 +4,7 @@ import { InputProps } from '../Input';
|
|
|
4
4
|
import { DateRangeOptionListProps } from './components';
|
|
5
5
|
import { MultiViewCalendarProps, SelectionRange } from '@progress/kendo-react-dateinputs';
|
|
6
6
|
import { dateFormatProps } from '../../utilities/dateFormat';
|
|
7
|
-
import {
|
|
7
|
+
import { UseFocusTrapProps } from '../../hooks';
|
|
8
8
|
export interface DateRangePickerProps {
|
|
9
9
|
/** Disabled state */
|
|
10
10
|
disabled?: boolean;
|
|
@@ -46,8 +46,8 @@ export interface DateRangePickerProps {
|
|
|
46
46
|
disableCloseOnClickOutside?: boolean;
|
|
47
47
|
/** Which date cell to be focused when calendar opens */
|
|
48
48
|
focusedDate?: Date;
|
|
49
|
-
/** Options passed into
|
|
50
|
-
focusTrapOptions?:
|
|
49
|
+
/** Options passed into useFocusTrap */
|
|
50
|
+
focusTrapOptions?: UseFocusTrapProps;
|
|
51
51
|
autoFlipVertically?: PopoverProps['autoFlipVertically'];
|
|
52
52
|
autoFlipHorizontally?: PopoverProps['autoFlipHorizontally'];
|
|
53
53
|
/**
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React, { FC } from 'react';
|
|
2
2
|
import { ModalWindow, ModalWindowProps, ModalHeader, ModalHeaderProps, ModalFooter, ModalContent } from '../Modal/components';
|
|
3
|
-
import {
|
|
3
|
+
import { UseFocusTrapProps } from '../../hooks';
|
|
4
4
|
export interface DialogProps extends ModalHeaderProps, ModalWindowProps {
|
|
5
5
|
/** Action buttons layout direction */
|
|
6
6
|
actionsLayout?: 'row' | 'row-reverse' | 'column' | 'column-reverse';
|
|
@@ -20,8 +20,8 @@ export interface DialogProps extends ModalHeaderProps, ModalWindowProps {
|
|
|
20
20
|
primaryActionName: string;
|
|
21
21
|
/** Text for the secondary button */
|
|
22
22
|
secondaryActionName?: string;
|
|
23
|
-
/** Options passed into
|
|
24
|
-
focusTrapOptions?:
|
|
23
|
+
/** Options passed into useFocusTrap */
|
|
24
|
+
focusTrapOptions?: UseFocusTrapProps;
|
|
25
25
|
}
|
|
26
26
|
interface Dialog extends FC<DialogProps> {
|
|
27
27
|
/** Subcomponents */
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React, { FC } from 'react';
|
|
2
2
|
import { OverlayProps } from '../../internal/Overlay';
|
|
3
3
|
import { JustifyProps } from '../../utilities/justify-props';
|
|
4
|
-
import {
|
|
4
|
+
import { UseFocusTrapProps } from '../../hooks';
|
|
5
5
|
interface DrawerPropsStrict extends OverlayProps {
|
|
6
6
|
/** Use animation for visibility transitions */
|
|
7
7
|
animate?: boolean;
|
|
@@ -17,8 +17,8 @@ interface DrawerPropsStrict extends OverlayProps {
|
|
|
17
17
|
open?: boolean;
|
|
18
18
|
/** Width of the Drawer */
|
|
19
19
|
width?: 'xs' | 's' | 'm' | 'l';
|
|
20
|
-
/** Options passed into
|
|
21
|
-
focusTrapOptions?:
|
|
20
|
+
/** Options passed into useFocusTrap */
|
|
21
|
+
focusTrapOptions?: UseFocusTrapProps;
|
|
22
22
|
/** Adds classnames to Drawer's content wrapper */
|
|
23
23
|
contentClassName?: string;
|
|
24
24
|
/** Adds classnames to Drawer's footer wrapper */
|
|
@@ -9,17 +9,17 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
9
9
|
}
|
|
10
10
|
return t;
|
|
11
11
|
};
|
|
12
|
-
import React
|
|
12
|
+
import React from 'react';
|
|
13
13
|
import { AnimatePresence, motion } from 'framer-motion';
|
|
14
14
|
import classnames from 'classnames';
|
|
15
15
|
import { tokens } from '@servicetitan/tokens/core';
|
|
16
16
|
import { Button, Headline } from '../';
|
|
17
17
|
import { Overlay } from '../../internal/Overlay';
|
|
18
|
-
import {
|
|
18
|
+
import { useFocusTrap } from '../../hooks';
|
|
19
19
|
export const Drawer = (_a) => {
|
|
20
20
|
var { animate = true, children, className, contentClassName, footerClassName, footer, footerAlign = 'right', header, onClose, open, portal = true, backdrop, width = 's', focusTrapOptions } = _a, rest = __rest(_a, ["animate", "children", "className", "contentClassName", "footerClassName", "footer", "footerAlign", "header", "onClose", "open", "portal", "backdrop", "width", "focusTrapOptions"]);
|
|
21
|
-
|
|
22
|
-
const
|
|
21
|
+
// Focus trapping
|
|
22
|
+
const drawerRef = useFocusTrap(Object.assign({ autoFocusContainer: true, disabled: !open }, focusTrapOptions));
|
|
23
23
|
const DrawerClasses = classnames('Drawer', className, {
|
|
24
24
|
'Drawer--open': open,
|
|
25
25
|
'Drawer--portal': portal || backdrop,
|
|
@@ -41,25 +41,13 @@ export const Drawer = (_a) => {
|
|
|
41
41
|
transition: { type: 'easeInOut', duration: durationSlow },
|
|
42
42
|
};
|
|
43
43
|
const DrawerEl = animate ? motion.div : 'div';
|
|
44
|
-
const DrawerProps = Object.assign(Object.assign({ className: DrawerClasses, ref: drawerRef
|
|
45
|
-
React.useEffect(() => {
|
|
46
|
-
// Removes wrapper to be focusable element after initial tab
|
|
47
|
-
function eventHandler(event) {
|
|
48
|
-
event.key === 'Tab' && setFocusWrapper(-1);
|
|
49
|
-
document.removeEventListener('keydown', eventHandler);
|
|
50
|
-
}
|
|
51
|
-
document.addEventListener('keydown', eventHandler);
|
|
52
|
-
}, []);
|
|
53
|
-
React.useEffect(() => {
|
|
54
|
-
setFocusWrapper(1);
|
|
55
|
-
}, [open]);
|
|
44
|
+
const DrawerProps = Object.assign(Object.assign({ className: DrawerClasses, ref: drawerRef }, (animate && framerAnimation)), rest);
|
|
56
45
|
return (React.createElement(Overlay, { animate: animate, portal: portal, backdrop: backdrop, onClose: onClose, open: open },
|
|
57
|
-
React.createElement(AnimatePresence, null, open && (React.createElement(
|
|
58
|
-
React.createElement(
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
footer && (React.createElement("div", { className: DrawerFooterClassNames }, footer))))))));
|
|
46
|
+
React.createElement(AnimatePresence, null, open && (React.createElement(DrawerEl, Object.assign({ "data-anvil-component": "Drawer" }, DrawerProps),
|
|
47
|
+
header && (React.createElement("div", { className: "Drawer__header" },
|
|
48
|
+
React.createElement(Headline, { className: "Drawer__header-title" }, header),
|
|
49
|
+
onClose && (React.createElement(Button, { fill: "subtle", className: "Drawer__header-close", iconName: "clear", size: "xsmall", onClick: onClose })))),
|
|
50
|
+
React.createElement("div", { className: DrawerContentClassNames }, children),
|
|
51
|
+
footer && (React.createElement("div", { className: DrawerFooterClassNames }, footer)))))));
|
|
64
52
|
};
|
|
65
53
|
//# sourceMappingURL=Drawer.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Drawer.js","sourceRoot":"","sources":["../../../src/components/Drawer/Drawer.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"Drawer.js","sourceRoot":"","sources":["../../../src/components/Drawer/Drawer.tsx"],"names":[],"mappings":"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"}
|
|
@@ -108,13 +108,10 @@ export class Input extends React.Component {
|
|
|
108
108
|
return { inputSize, iconSize };
|
|
109
109
|
};
|
|
110
110
|
this.computeTabIndex = () => {
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
}
|
|
115
|
-
if (disabled) {
|
|
111
|
+
if (this.props.tabIndex)
|
|
112
|
+
return this.props.tabIndex;
|
|
113
|
+
if (this.props.disabled)
|
|
116
114
|
return -1;
|
|
117
|
-
}
|
|
118
115
|
};
|
|
119
116
|
this.focus = () => this.inputRef.current.focus();
|
|
120
117
|
this.select = () => this.inputRef.current.select();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React, { FC } from 'react';
|
|
2
2
|
import { ModalWindow, ModalWindowProps, ModalHeader, ModalHeaderProps, ModalFooter, ModalFooterProps, ModalContent, ModalSizes } from './components';
|
|
3
|
-
import {
|
|
3
|
+
import { UseFocusTrapProps } from '../../hooks';
|
|
4
4
|
export interface ModalProps extends ModalHeaderProps, ModalWindowProps {
|
|
5
5
|
/** Adds one or more classnames for an element */
|
|
6
6
|
className?: string;
|
|
@@ -16,8 +16,8 @@ export interface ModalProps extends ModalHeaderProps, ModalWindowProps {
|
|
|
16
16
|
scrollable?: boolean;
|
|
17
17
|
/** Controls the width of the Modal */
|
|
18
18
|
size?: ModalSizes;
|
|
19
|
-
/** Options passed into
|
|
20
|
-
focusTrapOptions?:
|
|
19
|
+
/** Options passed into useFocusTrap */
|
|
20
|
+
focusTrapOptions?: UseFocusTrapProps;
|
|
21
21
|
/** Adds classnames to Modal's content wrapper */
|
|
22
22
|
contentClassName?: string;
|
|
23
23
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAa,MAAM,OAAO,CAAC;AAElC,OAAO,EACN,WAAW,EAEX,WAAW,EAEX,WAAW,EAEX,YAAY,EACZ,UAAU,GACV,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;
|
|
1
|
+
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAa,MAAM,OAAO,CAAC;AAElC,OAAO,EACN,WAAW,EAEX,WAAW,EAEX,WAAW,EAEX,YAAY,EACZ,UAAU,GACV,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AAyCxC,MAAM,CAAC,MAAM,KAAK,GAAU,CAAC,EAa5B,EAAE,EAAE;QAbwB,EAC5B,QAAQ,EACR,MAAM,EACN,WAAW,EACX,OAAO,EACP,IAAI,EACJ,MAAM,GAAG,IAAI,EACb,UAAU,GAAG,IAAI,EACjB,IAAI,EACJ,KAAK,EACL,gBAAgB,EAChB,gBAAgB,OAEhB,EADG,IAAI,cAZqB,yIAa5B,CADO;IAEP,MAAM,WAAW,GAAG,4BAA4B,CAAC;IACjD,MAAM,UAAU,GAAG,iBAAiB,cAAc,CAAC,WAAW,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC;IACvE,MAAM,gBAAgB,GAAG,uBAAuB,cAAc,CAC7D,WAAW,EACX,CAAC,CACD,EAAE,EAAE,CAAC;IAEN,OAAO,CACN,oBAAC,WAAW,kBACX,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,gBAAgB,EAAE,gBAAgB,EAClC,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,IAAI,EAAC,aAAa,0BACG,OAAO,gBACjB,MAAM,qBACA,UAAU,sBACT,gBAAgB,IAC9B,IAAI;QAER,oBAAC,WAAW,IAAC,EAAE,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,GAAI;QAC/D,oBAAC,YAAY,IACZ,SAAS,EAAE,UAAU,CAAC,MAAM,EAAE,gBAAgB,CAAC,EAC/C,UAAU,EAAE,UAAU,EACtB,EAAE,EAAE,gBAAgB,IAEnB,QAAQ,CACK;QACd,MAAM,IAAI,oBAAC,WAAW,IAAC,KAAK,EAAE,WAAW,IAAG,MAAM,CAAe,CACrD,CACd,CAAC;AACH,CAAC,CAAC;AAEF,KAAK,CAAC,MAAM,GAAG,WAAW,CAAC;AAC3B,KAAK,CAAC,MAAM,GAAG,WAAW,CAAC;AAC3B,KAAK,CAAC,OAAO,GAAG,YAAY,CAAC;AAC7B,KAAK,CAAC,MAAM,GAAG,WAAW,CAAC;AAC3B,KAAK,CAAC,KAAK,GAAG,UAAU,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React, { FC } from 'react';
|
|
2
2
|
import { OverlayProps } from '../../internal/Overlay';
|
|
3
3
|
import { JustifyProps } from '../../utilities/justify-props';
|
|
4
|
-
import {
|
|
4
|
+
import { UseFocusTrapProps } from '../../hooks/useFocusTrap';
|
|
5
5
|
export interface ModalContentProps {
|
|
6
6
|
/** Adds one or more classnames for an element */
|
|
7
7
|
className?: string;
|
|
@@ -38,7 +38,7 @@ export interface ModalWindowProps extends OverlayProps {
|
|
|
38
38
|
/** Add class attribute */
|
|
39
39
|
className?: string;
|
|
40
40
|
size?: ModalSizes;
|
|
41
|
-
/** Options passed into
|
|
42
|
-
focusTrapOptions?:
|
|
41
|
+
/** Options passed into useFocusTrap */
|
|
42
|
+
focusTrapOptions?: UseFocusTrapProps;
|
|
43
43
|
}
|
|
44
44
|
export declare const ModalWindow: FC<ModalWindowProps>;
|
|
@@ -9,12 +9,12 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
9
9
|
}
|
|
10
10
|
return t;
|
|
11
11
|
};
|
|
12
|
-
import React
|
|
12
|
+
import React from 'react';
|
|
13
13
|
import classnames from 'classnames';
|
|
14
14
|
import { AnimatePresence, motion } from 'framer-motion';
|
|
15
15
|
import { tokens } from '@servicetitan/tokens/core';
|
|
16
16
|
import { Overlay } from '../../internal/Overlay';
|
|
17
|
-
import {
|
|
17
|
+
import { useFocusTrap } from '../../hooks/useFocusTrap';
|
|
18
18
|
import { Headline } from '../Headline';
|
|
19
19
|
import { Button } from '../Button';
|
|
20
20
|
export const ModalContent = ({ children, className, scrollable = true, id, }) => {
|
|
@@ -62,8 +62,8 @@ function sizeClass(size) {
|
|
|
62
62
|
export const ModalWindow = (_a) => {
|
|
63
63
|
var { animate = true, children, className, focusTrapOptions, onClose, open, portal = true, size = ModalSizes.M } = _a, props = __rest(_a, ["animate", "children", "className", "focusTrapOptions", "onClose", "open", "portal", "size"]);
|
|
64
64
|
const ModalWindowClassNames = classnames('Modal', sizeClass(size), className);
|
|
65
|
-
|
|
66
|
-
const
|
|
65
|
+
// Focus trapping
|
|
66
|
+
const containerRef = useFocusTrap(Object.assign({ autoFocusContainer: true, disabled: !open }, focusTrapOptions));
|
|
67
67
|
const duration = parseInt(tokens.durationStandard, 10) / 1000; // '200ms' -> 0.2
|
|
68
68
|
const framerAnimation = {
|
|
69
69
|
initial: { opacity: 0, y: 50 },
|
|
@@ -73,20 +73,8 @@ export const ModalWindow = (_a) => {
|
|
|
73
73
|
};
|
|
74
74
|
const Animate = animate ? AnimatePresence : React.Fragment;
|
|
75
75
|
const ModalEl = animate ? motion.div : 'div';
|
|
76
|
-
const ModalProps = Object.assign(Object.assign(Object.assign({ className: ModalWindowClassNames }, (animate && framerAnimation)), props), { ref: containerRef
|
|
77
|
-
React.useEffect(() => {
|
|
78
|
-
// Removes wrapper to be focusable element after initial tab
|
|
79
|
-
function eventHandler(event) {
|
|
80
|
-
event.key === 'Tab' && setFocusWrapper(-1);
|
|
81
|
-
}
|
|
82
|
-
document.addEventListener('keydown', eventHandler);
|
|
83
|
-
return () => document.removeEventListener('keydown', eventHandler);
|
|
84
|
-
}, []);
|
|
85
|
-
React.useEffect(() => {
|
|
86
|
-
setFocusWrapper(1);
|
|
87
|
-
}, [open]);
|
|
76
|
+
const ModalProps = Object.assign(Object.assign(Object.assign({ className: ModalWindowClassNames }, (animate && framerAnimation)), props), { ref: containerRef });
|
|
88
77
|
return (React.createElement(Overlay, { animate: animate, backdrop: true, onClose: onClose, open: open, portal: portal },
|
|
89
|
-
React.createElement(Animate, null, open &&
|
|
90
|
-
React.createElement(ModalEl, Object.assign({}, ModalProps), children))))));
|
|
78
|
+
React.createElement(Animate, null, open && React.createElement(ModalEl, Object.assign({}, ModalProps), children))));
|
|
91
79
|
};
|
|
92
80
|
//# sourceMappingURL=components.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"components.js","sourceRoot":"","sources":["../../../src/components/Modal/components.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"components.js","sourceRoot":"","sources":["../../../src/components/Modal/components.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React, { ForwardRefExoticComponent } from 'react';
|
|
2
2
|
import { PopperProps } from '../../internal/Popper';
|
|
3
3
|
import { PopoverContent, PopoverContentProps, PopoverDivider, PopoverFooter, PopoverFooterProps, PopoverHeader, PopoverHeaderProps } from './components';
|
|
4
|
-
import {
|
|
4
|
+
import { UseFocusTrapProps } from '../../hooks/useFocusTrap';
|
|
5
5
|
export interface PopoverPropsStrict {
|
|
6
6
|
/** If there isn't enough space on the screen the Popover will be repositioned to the opposite side of the anchor */
|
|
7
7
|
autoFlipHorizontally?: boolean;
|
|
@@ -51,8 +51,8 @@ export interface PopoverPropsStrict {
|
|
|
51
51
|
width?: 'xs' | 's' | 'm' | 'l' | '100' | 'auto';
|
|
52
52
|
/** Adds one or more classnames to Popover's source element */
|
|
53
53
|
wrapperClassName?: string;
|
|
54
|
-
/** Options passed into
|
|
55
|
-
focusTrapOptions?:
|
|
54
|
+
/** Options passed into useFocusTrap */
|
|
55
|
+
focusTrapOptions?: UseFocusTrapProps;
|
|
56
56
|
/** offset ammount between Popover and trigger */
|
|
57
57
|
offset?: PopperProps['offset'];
|
|
58
58
|
}
|
|
@@ -14,6 +14,9 @@
|
|
|
14
14
|
.ProgressTrackerDivider {
|
|
15
15
|
position: relative;
|
|
16
16
|
width: 100%;
|
|
17
|
+
flex-shrink: 0;
|
|
18
|
+
flex-grow: 1;
|
|
19
|
+
flex-basis: 0;
|
|
17
20
|
}
|
|
18
21
|
.ProgressTrackerDivider::after {
|
|
19
22
|
content: "";
|
|
@@ -23,7 +26,16 @@
|
|
|
23
26
|
top: 50%;
|
|
24
27
|
margin-top: -1px;
|
|
25
28
|
height: 2px;
|
|
26
|
-
background-color: var(--
|
|
29
|
+
background-color: var(--colorsStatusDefault, #8c9ca5);
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
.ProgressTracker--disabled {
|
|
33
|
+
cursor: not-allowed;
|
|
34
|
+
opacity: 0.6;
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
.ProgressTrackerDivider--completed::after {
|
|
38
|
+
background-color: var(--colorsStatusInfo, #2270ee);
|
|
27
39
|
}
|
|
28
40
|
|
|
29
41
|
/*# sourceMappingURL=ProgressTracker.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/ProgressTracker/ProgressTracker.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss"],"names":[],"mappings":"AAAA;
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/ProgressTracker/ProgressTracker.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss"],"names":[],"mappings":"AAAA;ACMA;ACLC;EACA;AAEA;EACA;EDIA;EACA;EACA;EACA,WE6Ha;EF5Hb,aE+FqB;;;AF5FtB;EACC;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA,kBA5Be;;;AAgCjB;EACC;EACA,SE6EkB;;;AFzElB;EAAW,kBArCM","file":"ProgressTracker.css"}
|