@seamapi/react 1.30.2 → 1.32.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/README.md +1 -1
- package/dist/elements.js +6286 -5829
- package/dist/elements.js.map +1 -1
- package/dist/index.css +106 -0
- package/dist/index.css.map +1 -1
- package/dist/index.min.css +1 -1
- package/dist/index.min.css.map +1 -1
- package/lib/dates.d.ts +50 -0
- package/lib/dates.js +93 -1
- package/lib/dates.js.map +1 -1
- package/lib/icons/CheckboxBlank.d.ts +2 -0
- package/lib/icons/CheckboxBlank.js +5 -0
- package/lib/icons/CheckboxBlank.js.map +1 -0
- package/lib/icons/CheckboxFilled.d.ts +2 -0
- package/lib/icons/CheckboxFilled.js +5 -0
- package/lib/icons/CheckboxFilled.js.map +1 -0
- package/lib/icons/Edit.d.ts +2 -0
- package/lib/icons/Edit.js +7 -0
- package/lib/icons/Edit.js.map +1 -0
- package/lib/icons/RadioChecked.d.ts +2 -0
- package/lib/icons/RadioChecked.js +5 -0
- package/lib/icons/RadioChecked.js.map +1 -0
- package/lib/icons/RadioUnchecked.d.ts +2 -0
- package/lib/icons/RadioUnchecked.js +5 -0
- package/lib/icons/RadioUnchecked.js.map +1 -0
- package/lib/seam/components/AccessCodeForm/AccessCodeForm.js +66 -12
- package/lib/seam/components/AccessCodeForm/AccessCodeForm.js.map +1 -1
- package/lib/seam/components/AccessCodeForm/AccessCodeFormDatePicker.d.ts +13 -0
- package/lib/seam/components/AccessCodeForm/AccessCodeFormDatePicker.js +18 -0
- package/lib/seam/components/AccessCodeForm/AccessCodeFormDatePicker.js.map +1 -0
- package/lib/seam/components/AccessCodeForm/AccessCodeFormTimes.d.ts +8 -0
- package/lib/seam/components/AccessCodeForm/AccessCodeFormTimes.js +12 -0
- package/lib/seam/components/AccessCodeForm/AccessCodeFormTimes.js.map +1 -0
- package/lib/seam/components/AccessCodeForm/AccessCodeFormTimezonePicker.d.ts +8 -0
- package/lib/seam/components/AccessCodeForm/AccessCodeFormTimezonePicker.js +25 -0
- package/lib/seam/components/AccessCodeForm/AccessCodeFormTimezonePicker.js.map +1 -0
- package/lib/seam/components/AccessCodeTable/AccessCodeTable.d.ts +2 -1
- package/lib/seam/components/AccessCodeTable/AccessCodeTable.js +2 -2
- package/lib/seam/components/AccessCodeTable/AccessCodeTable.js.map +1 -1
- package/lib/seam/components/DeviceTable/DeviceTable.d.ts +2 -1
- package/lib/seam/components/DeviceTable/DeviceTable.js +2 -2
- package/lib/seam/components/DeviceTable/DeviceTable.js.map +1 -1
- package/lib/ui/Checkbox.d.ts +9 -0
- package/lib/ui/Checkbox.js +17 -0
- package/lib/ui/Checkbox.js.map +1 -0
- package/lib/ui/DateTimePicker/DateTimePicker.d.ts +5 -0
- package/lib/ui/DateTimePicker/DateTimePicker.js +8 -0
- package/lib/ui/DateTimePicker/DateTimePicker.js.map +1 -0
- package/lib/ui/FormField.js +2 -1
- package/lib/ui/FormField.js.map +1 -1
- package/lib/ui/Menu/Menu.d.ts +2 -2
- package/lib/ui/Menu/Menu.js +1 -5
- package/lib/ui/Menu/Menu.js.map +1 -1
- package/lib/ui/RadioField/Radio.d.ts +7 -0
- package/lib/ui/RadioField/Radio.js +19 -0
- package/lib/ui/RadioField/Radio.js.map +1 -0
- package/lib/ui/RadioField/RadioField.d.ts +15 -0
- package/lib/ui/RadioField/RadioField.js +20 -0
- package/lib/ui/RadioField/RadioField.js.map +1 -0
- package/lib/ui/TextField/TextField.d.ts +4 -2
- package/lib/ui/TextField/TextField.js +2 -2
- package/lib/ui/TextField/TextField.js.map +1 -1
- package/lib/ui/layout/ContentHeader.d.ts +2 -1
- package/lib/version.d.ts +1 -1
- package/lib/version.js +1 -1
- package/package.json +9 -4
- package/src/lib/dates.ts +120 -1
- package/src/lib/icons/CheckboxBlank.tsx +22 -0
- package/src/lib/icons/CheckboxFilled.tsx +23 -0
- package/src/lib/icons/Edit.tsx +36 -0
- package/src/lib/icons/RadioChecked.tsx +21 -0
- package/src/lib/icons/RadioUnchecked.tsx +23 -0
- package/src/lib/seam/components/AccessCodeForm/AccessCodeForm.tsx +137 -23
- package/src/lib/seam/components/AccessCodeForm/AccessCodeFormDatePicker.tsx +68 -0
- package/src/lib/seam/components/AccessCodeForm/AccessCodeFormTimes.tsx +34 -0
- package/src/lib/seam/components/AccessCodeForm/AccessCodeFormTimezonePicker.tsx +70 -0
- package/src/lib/seam/components/AccessCodeTable/AccessCodeTable.element.ts +1 -0
- package/src/lib/seam/components/AccessCodeTable/AccessCodeTable.tsx +9 -5
- package/src/lib/seam/components/DeviceTable/DeviceTable.element.ts +1 -0
- package/src/lib/seam/components/DeviceTable/DeviceTable.tsx +9 -5
- package/src/lib/ui/Checkbox.tsx +44 -0
- package/src/lib/ui/DateTimePicker/DateTimePicker.tsx +30 -0
- package/src/lib/ui/FormField.tsx +2 -1
- package/src/lib/ui/Menu/Menu.tsx +4 -8
- package/src/lib/ui/RadioField/Radio.tsx +45 -0
- package/src/lib/ui/RadioField/RadioField.tsx +55 -0
- package/src/lib/ui/TextField/TextField.tsx +12 -2
- package/src/lib/ui/layout/ContentHeader.tsx +1 -1
- package/src/lib/version.ts +1 -1
- package/src/styles/_access-code-form.scss +88 -0
- package/src/styles/_checkbox.scss +25 -0
- package/src/styles/_inputs.scss +3 -0
- package/src/styles/_main.scss +4 -0
- package/src/styles/_radio-field.scss +31 -0
|
@@ -1,13 +1,19 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
2
|
import classNames from 'classnames';
|
|
3
3
|
import { useState } from 'react';
|
|
4
|
+
import { createIsoDate, get24HoursLater, getBrowserTimezone, getNow, } from '../../../../lib/dates.js';
|
|
4
5
|
import { useCreateAccessCode } from '../../../../lib/seam/access-codes/use-create-access-code.js';
|
|
6
|
+
import { AccessCodeFormDatePicker } from '../../../../lib/seam/components/AccessCodeForm/AccessCodeFormDatePicker.js';
|
|
7
|
+
import { AccessCodeFormTimes } from '../../../../lib/seam/components/AccessCodeForm/AccessCodeFormTimes.js';
|
|
8
|
+
import { AccessCodeFormTimezonePicker } from '../../../../lib/seam/components/AccessCodeForm/AccessCodeFormTimezonePicker.js';
|
|
5
9
|
import { useDevice } from '../../../../lib/seam/devices/use-device.js';
|
|
6
10
|
import { Button } from '../../../../lib/ui/Button.js';
|
|
7
11
|
import { FormField } from '../../../../lib/ui/FormField.js';
|
|
8
12
|
import { InputLabel } from '../../../../lib/ui/InputLabel.js';
|
|
9
13
|
import { ContentHeader } from '../../../../lib/ui/layout/ContentHeader.js';
|
|
14
|
+
import { RadioField } from '../../../../lib/ui/RadioField/RadioField.js';
|
|
10
15
|
import { TextField } from '../../../../lib/ui/TextField/TextField.js';
|
|
16
|
+
import { useToggle } from '../../../../lib/ui/use-toggle.js';
|
|
11
17
|
export function AccessCodeForm({ deviceId, onBack, className, }) {
|
|
12
18
|
const { device } = useDevice({
|
|
13
19
|
device_id: deviceId,
|
|
@@ -19,28 +25,73 @@ export function AccessCodeForm({ deviceId, onBack, className, }) {
|
|
|
19
25
|
}
|
|
20
26
|
function Content({ onBack, device, }) {
|
|
21
27
|
const [name, setName] = useState('');
|
|
22
|
-
const
|
|
23
|
-
const
|
|
28
|
+
const [type, setType] = useState('ongoing');
|
|
29
|
+
const [datePickerVisible, setDatePickerVisible] = useState(false);
|
|
30
|
+
const [timezone, setTimezone] = useState(getBrowserTimezone());
|
|
31
|
+
const [startDate, setStartDate] = useState(getNow());
|
|
32
|
+
const [endDate, setEndDate] = useState(get24HoursLater());
|
|
33
|
+
const [timezonePickerVisible, toggleTimezonePicker] = useToggle();
|
|
34
|
+
const { submit, isLoading } = useSubmit({
|
|
35
|
+
name,
|
|
36
|
+
type,
|
|
37
|
+
device,
|
|
38
|
+
startDate,
|
|
39
|
+
endDate,
|
|
40
|
+
timezone,
|
|
41
|
+
onSuccess: onBack,
|
|
42
|
+
});
|
|
43
|
+
if (timezonePickerVisible) {
|
|
44
|
+
return (_jsx(AccessCodeFormTimezonePicker, { value: timezone, onChange: setTimezone, onClose: toggleTimezonePicker }));
|
|
45
|
+
}
|
|
46
|
+
if (datePickerVisible) {
|
|
47
|
+
return (_jsx(AccessCodeFormDatePicker, { startDate: startDate, setStartDate: setStartDate, endDate: endDate, setEndDate: setEndDate, timezone: timezone, onChangeTimezone: toggleTimezonePicker, onBack: () => {
|
|
48
|
+
setDatePickerVisible(false);
|
|
49
|
+
} }));
|
|
50
|
+
}
|
|
51
|
+
const nameError = name.length > 60 ? t.overCharacterLimitError : undefined;
|
|
52
|
+
const isFormValid = name.trim().length > 0 && nameError === undefined && !isLoading;
|
|
53
|
+
return (_jsxs(_Fragment, { children: [_jsx(ContentHeader, { title: t.addNewAccessCode, subheading: device.properties.name, onBack: onBack }), _jsxs("div", { className: 'seam-main', children: [_jsxs(FormField, { children: [_jsx(InputLabel, { children: t.nameInputLabel }), _jsx(TextField, { size: 'large', clearable: true, value: name, onChange: setName, hasError: nameError != null, helperText: nameError })] }), _jsxs(FormField, { children: [_jsx(InputLabel, { children: t.timingInputLabel }), _jsx(RadioField, { value: type, onChange: setType, name: 'type', options: [
|
|
54
|
+
{
|
|
55
|
+
label: t.typeOngoingLabel,
|
|
56
|
+
value: 'ongoing',
|
|
57
|
+
},
|
|
58
|
+
{
|
|
59
|
+
label: t.typeTimeBoundLabel,
|
|
60
|
+
value: 'time_bound',
|
|
61
|
+
},
|
|
62
|
+
] }), _jsx(_Fragment, { children: type === 'time_bound' && (_jsx(AccessCodeFormTimes, { startDate: startDate, endDate: endDate, onEdit: () => {
|
|
63
|
+
setDatePickerVisible(true);
|
|
64
|
+
} })) })] }), _jsxs("div", { className: 'seam-actions', children: [_jsx(Button, { onClick: onBack, children: t.cancel }), _jsx(Button, { variant: 'solid', disabled: !isFormValid, onMouseDown: submit, children: t.save })] })] })] }));
|
|
65
|
+
}
|
|
66
|
+
function useSubmit(params) {
|
|
67
|
+
const { name, type, device, startDate, endDate, timezone, onSuccess } = params;
|
|
68
|
+
const { mutate, isLoading } = useCreateAccessCode();
|
|
69
|
+
const submit = () => {
|
|
24
70
|
if (name === '') {
|
|
25
71
|
return;
|
|
26
72
|
}
|
|
27
|
-
if (
|
|
73
|
+
if (isLoading) {
|
|
74
|
+
return;
|
|
75
|
+
}
|
|
76
|
+
if (type === 'time_bound') {
|
|
77
|
+
mutate({
|
|
78
|
+
name,
|
|
79
|
+
device_id: device.device_id,
|
|
80
|
+
starts_at: createIsoDate(startDate, timezone),
|
|
81
|
+
ends_at: createIsoDate(endDate, timezone),
|
|
82
|
+
}, {
|
|
83
|
+
onSuccess,
|
|
84
|
+
});
|
|
28
85
|
return;
|
|
29
86
|
}
|
|
30
|
-
|
|
87
|
+
mutate({
|
|
31
88
|
name,
|
|
32
89
|
device_id: device.device_id,
|
|
33
90
|
}, {
|
|
34
|
-
onSuccess
|
|
35
|
-
onBack?.();
|
|
36
|
-
},
|
|
91
|
+
onSuccess,
|
|
37
92
|
});
|
|
38
93
|
};
|
|
39
|
-
|
|
40
|
-
const isFormValid = name.trim().length > 0 &&
|
|
41
|
-
nameError === undefined &&
|
|
42
|
-
!createAccessCode.isLoading;
|
|
43
|
-
return (_jsxs(_Fragment, { children: [_jsx(ContentHeader, { title: t.addNewAccessCode, subheading: device.properties.name, onBack: onBack }), _jsxs("div", { className: 'seam-main', children: [_jsxs(FormField, { children: [_jsx(InputLabel, { children: t.nameInputLabel }), _jsx(TextField, { size: 'large', clearable: true, value: name, onChange: setName, hasError: nameError != null, helperText: nameError })] }), _jsxs("div", { className: 'seam-actions', children: [_jsx(Button, { onClick: onBack, children: t.cancel }), _jsx(Button, { variant: 'solid', disabled: !isFormValid, onMouseDown: save, children: t.save })] })] })] }));
|
|
94
|
+
return { submit, isLoading };
|
|
44
95
|
}
|
|
45
96
|
const t = {
|
|
46
97
|
addNewAccessCode: 'Add new access code',
|
|
@@ -48,5 +99,8 @@ const t = {
|
|
|
48
99
|
nameInputLabel: 'Name the new code',
|
|
49
100
|
cancel: 'Cancel',
|
|
50
101
|
save: 'Save',
|
|
102
|
+
timingInputLabel: 'Timing',
|
|
103
|
+
typeOngoingLabel: 'Ongoing',
|
|
104
|
+
typeTimeBoundLabel: 'Start/end times',
|
|
51
105
|
};
|
|
52
106
|
//# sourceMappingURL=AccessCodeForm.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AccessCodeForm.js","sourceRoot":"","sources":["../../../../src/lib/seam/components/AccessCodeForm/AccessCodeForm.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"AccessCodeForm.js","sourceRoot":"","sources":["../../../../src/lib/seam/components/AccessCodeForm/AccessCodeForm.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
interface AccessCodeFormDatePickerProps {
|
|
3
|
+
startDate: string;
|
|
4
|
+
setStartDate: (date: string) => void;
|
|
5
|
+
endDate: string;
|
|
6
|
+
setEndDate: (date: string) => void;
|
|
7
|
+
timezone: string;
|
|
8
|
+
onChangeTimezone: () => void;
|
|
9
|
+
className?: string;
|
|
10
|
+
onBack?: () => void;
|
|
11
|
+
}
|
|
12
|
+
export declare function AccessCodeFormDatePicker({ timezone, onBack, className, startDate, setStartDate, endDate, setEndDate, onChangeTimezone, }: AccessCodeFormDatePickerProps): JSX.Element;
|
|
13
|
+
export {};
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import classNames from 'classnames';
|
|
3
|
+
import { getTimezoneLabel } from '../../../../lib/dates.js';
|
|
4
|
+
import { ChevronRightIcon } from '../../../../lib/icons/ChevronRight.js';
|
|
5
|
+
import { DateTimePicker } from '../../../../lib/ui/DateTimePicker/DateTimePicker.js';
|
|
6
|
+
import { FormField } from '../../../../lib/ui/FormField.js';
|
|
7
|
+
import { InputLabel } from '../../../../lib/ui/InputLabel.js';
|
|
8
|
+
import { ContentHeader } from '../../../../lib/ui/layout/ContentHeader.js';
|
|
9
|
+
export function AccessCodeFormDatePicker({ timezone, onBack, className, startDate, setStartDate, endDate, setEndDate, onChangeTimezone, }) {
|
|
10
|
+
return (_jsxs("div", { className: classNames('seam-schedule-picker', className), children: [_jsx(ContentHeader, { title: t.timingTitle, onBack: onBack }), _jsxs("div", { className: 'seam-content', children: [_jsxs("div", { className: 'seam-timezone', children: [_jsx("span", { className: 'seam-label', children: t.selectedTimezoneLabel }), _jsxs("span", { className: 'seam-selected', onClick: onChangeTimezone, children: [getTimezoneLabel(timezone), _jsx(ChevronRightIcon, {})] })] }), _jsxs(FormField, { children: [_jsx(InputLabel, { children: t.startTimeLabel }), _jsx(DateTimePicker, { value: startDate == null ? '' : startDate, onChange: setStartDate, size: 'large' })] }), _jsxs(FormField, { children: [_jsx(InputLabel, { children: t.endTimeLabel }), _jsx(DateTimePicker, { value: endDate == null ? '' : endDate, onChange: setEndDate, size: 'large' })] })] })] }));
|
|
11
|
+
}
|
|
12
|
+
const t = {
|
|
13
|
+
timingTitle: 'Timing',
|
|
14
|
+
selectedTimezoneLabel: 'All times in',
|
|
15
|
+
startTimeLabel: 'Start',
|
|
16
|
+
endTimeLabel: 'End',
|
|
17
|
+
};
|
|
18
|
+
//# sourceMappingURL=AccessCodeFormDatePicker.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AccessCodeFormDatePicker.js","sourceRoot":"","sources":["../../../../src/lib/seam/components/AccessCodeForm/AccessCodeFormDatePicker.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAA;AAEnC,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAA;AAC/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAA;AAC5D,OAAO,EAAE,cAAc,EAAE,MAAM,yCAAyC,CAAA;AACxE,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAA;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAA;AAa9D,MAAM,UAAU,wBAAwB,CAAC,EACvC,QAAQ,EACR,MAAM,EACN,SAAS,EACT,SAAS,EACT,YAAY,EACZ,OAAO,EACP,UAAU,EACV,gBAAgB,GACc;IAC9B,OAAO,CACL,eAAK,SAAS,EAAE,UAAU,CAAC,sBAAsB,EAAE,SAAS,CAAC,aAC3D,KAAC,aAAa,IAAC,KAAK,EAAE,CAAC,CAAC,WAAW,EAAE,MAAM,EAAE,MAAM,GAAI,EACvD,eAAK,SAAS,EAAC,cAAc,aAC3B,eAAK,SAAS,EAAC,eAAe,aAC5B,eAAM,SAAS,EAAC,YAAY,YAAE,CAAC,CAAC,qBAAqB,GAAQ,EAC7D,gBAAM,SAAS,EAAC,eAAe,EAAC,OAAO,EAAE,gBAAgB,aACtD,gBAAgB,CAAC,QAAQ,CAAC,EAC3B,KAAC,gBAAgB,KAAG,IACf,IACH,EACN,MAAC,SAAS,eACR,KAAC,UAAU,cAAE,CAAC,CAAC,cAAc,GAAc,EAC3C,KAAC,cAAc,IACb,KAAK,EAAE,SAAS,IAAI,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,EACzC,QAAQ,EAAE,YAAY,EACtB,IAAI,EAAC,OAAO,GACZ,IACQ,EACZ,MAAC,SAAS,eACR,KAAC,UAAU,cAAE,CAAC,CAAC,YAAY,GAAc,EACzC,KAAC,cAAc,IACb,KAAK,EAAE,OAAO,IAAI,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,EACrC,QAAQ,EAAE,UAAU,EACpB,IAAI,EAAC,OAAO,GACZ,IACQ,IACR,IACF,CACP,CAAA;AACH,CAAC;AAED,MAAM,CAAC,GAAG;IACR,WAAW,EAAE,QAAQ;IACrB,qBAAqB,EAAE,cAAc;IACrC,cAAc,EAAE,OAAO;IACvB,YAAY,EAAE,KAAK;CACpB,CAAA"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
interface AccessCodeFormTimesProps {
|
|
3
|
+
startDate: string;
|
|
4
|
+
endDate: string;
|
|
5
|
+
onEdit: () => void;
|
|
6
|
+
}
|
|
7
|
+
export declare function AccessCodeFormTimes({ startDate, endDate, onEdit, }: AccessCodeFormTimesProps): JSX.Element;
|
|
8
|
+
export {};
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { formatDateTimeReadable } from '../../../../lib/dates.js';
|
|
3
|
+
import { EditIcon } from '../../../../lib/icons/Edit.js';
|
|
4
|
+
import { IconButton } from '../../../../lib/ui/IconButton.js';
|
|
5
|
+
export function AccessCodeFormTimes({ startDate, endDate, onEdit, }) {
|
|
6
|
+
return (_jsxs("div", { className: 'seam-selected-times', children: [_jsxs("div", { children: [_jsx("span", { className: 'seam-label', children: t.startTimeLabel }), _jsx("span", { className: 'seam-time', children: formatDateTimeReadable(startDate) }), _jsx("span", { className: 'seam-label', children: t.endTimeLabel }), _jsx("span", { className: 'seam-time', children: formatDateTimeReadable(endDate) })] }), _jsx(IconButton, { onClick: onEdit, className: 'seam-show-date-picker-btn', children: _jsx(EditIcon, {}) })] }));
|
|
7
|
+
}
|
|
8
|
+
const t = {
|
|
9
|
+
startTimeLabel: 'Start',
|
|
10
|
+
endTimeLabel: 'End',
|
|
11
|
+
};
|
|
12
|
+
//# sourceMappingURL=AccessCodeFormTimes.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AccessCodeFormTimes.js","sourceRoot":"","sources":["../../../../src/lib/seam/components/AccessCodeForm/AccessCodeFormTimes.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAA;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AAQjD,MAAM,UAAU,mBAAmB,CAAC,EAClC,SAAS,EACT,OAAO,EACP,MAAM,GACmB;IACzB,OAAO,CACL,eAAK,SAAS,EAAC,qBAAqB,aAClC,0BACE,eAAM,SAAS,EAAC,YAAY,YAAE,CAAC,CAAC,cAAc,GAAQ,EACtD,eAAM,SAAS,EAAC,WAAW,YAAE,sBAAsB,CAAC,SAAS,CAAC,GAAQ,EACtE,eAAM,SAAS,EAAC,YAAY,YAAE,CAAC,CAAC,YAAY,GAAQ,EACpD,eAAM,SAAS,EAAC,WAAW,YAAE,sBAAsB,CAAC,OAAO,CAAC,GAAQ,IAChE,EACN,KAAC,UAAU,IAAC,OAAO,EAAE,MAAM,EAAE,SAAS,EAAC,2BAA2B,YAChE,KAAC,QAAQ,KAAG,GACD,IACT,CACP,CAAA;AACH,CAAC;AAED,MAAM,CAAC,GAAG;IACR,cAAc,EAAE,OAAO;IACvB,YAAY,EAAE,KAAK;CACpB,CAAA"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
interface AccessCodeFormTimezonePickerProps {
|
|
3
|
+
value: string;
|
|
4
|
+
onChange: (timezone: string) => void;
|
|
5
|
+
onClose: () => void;
|
|
6
|
+
}
|
|
7
|
+
export declare function AccessCodeFormTimezonePicker({ onChange, value, onClose, }: AccessCodeFormTimezonePickerProps): JSX.Element;
|
|
8
|
+
export {};
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { useState } from 'react';
|
|
3
|
+
import { getBrowserTimezone, getTimezoneLabel, getTimezoneOffset, getTimezones, } from '../../../../lib/dates.js';
|
|
4
|
+
import { Checkbox } from '../../../../lib/ui/Checkbox.js';
|
|
5
|
+
import { ContentHeader } from '../../../../lib/ui/layout/ContentHeader.js';
|
|
6
|
+
import { handleString } from '../../../../lib/ui/TextField/TextField.js';
|
|
7
|
+
export function AccessCodeFormTimezonePicker({ onChange, value, onClose, }) {
|
|
8
|
+
const [manualTimezoneEnabled, setManualTimezoneEnabled] = useState(false);
|
|
9
|
+
const isBrowserTimezone = value === getBrowserTimezone();
|
|
10
|
+
const isManualTimezone = !isBrowserTimezone || manualTimezoneEnabled;
|
|
11
|
+
const handleChangeManualTimezone = (enabled) => {
|
|
12
|
+
setManualTimezoneEnabled(enabled);
|
|
13
|
+
if (!enabled) {
|
|
14
|
+
onChange(getBrowserTimezone());
|
|
15
|
+
}
|
|
16
|
+
};
|
|
17
|
+
const title = isManualTimezone ? t.titleManual : t.titleAuto;
|
|
18
|
+
return (_jsxs("div", { className: 'seam-timezone-picker', children: [_jsx(ContentHeader, { title: title, onBack: onClose }), _jsxs("div", { className: 'seam-content', children: [_jsx(Checkbox, { label: t.setTimezoneManuallyLabel, checked: isManualTimezone, onChange: handleChangeManualTimezone, className: 'seam-manual-timezone-checkbox' }), _jsx("select", { value: value, onChange: handleString(onChange), className: 'seam-timezone-select', disabled: !isManualTimezone, children: getTimezones().map((timezone) => (_jsxs("option", { value: timezone, children: ["UTC ", getTimezoneOffset(timezone), " ", getTimezoneLabel(timezone)] }, timezone))) })] })] }));
|
|
19
|
+
}
|
|
20
|
+
const t = {
|
|
21
|
+
titleAuto: 'Time Zone (automatic)',
|
|
22
|
+
titleManual: 'Time Zone (manual)',
|
|
23
|
+
setTimezoneManuallyLabel: 'Set time zone manually',
|
|
24
|
+
};
|
|
25
|
+
//# sourceMappingURL=AccessCodeFormTimezonePicker.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AccessCodeFormTimezonePicker.js","sourceRoot":"","sources":["../../../../src/lib/seam/components/AccessCodeForm/AccessCodeFormTimezonePicker.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEhC,OAAO,EACL,kBAAkB,EAClB,gBAAgB,EAChB,iBAAiB,EACjB,YAAY,GACb,MAAM,cAAc,CAAA;AACrB,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAA;AAC9D,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAA;AAQ5D,MAAM,UAAU,4BAA4B,CAAC,EAC3C,QAAQ,EACR,KAAK,EACL,OAAO,GAC2B;IAClC,MAAM,CAAC,qBAAqB,EAAE,wBAAwB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAEzE,MAAM,iBAAiB,GAAG,KAAK,KAAK,kBAAkB,EAAE,CAAA;IACxD,MAAM,gBAAgB,GAAG,CAAC,iBAAiB,IAAI,qBAAqB,CAAA;IAEpE,MAAM,0BAA0B,GAAG,CAAC,OAAgB,EAAQ,EAAE;QAC5D,wBAAwB,CAAC,OAAO,CAAC,CAAA;QACjC,IAAI,CAAC,OAAO,EAAE;YACZ,QAAQ,CAAC,kBAAkB,EAAE,CAAC,CAAA;SAC/B;IACH,CAAC,CAAA;IAED,MAAM,KAAK,GAAG,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;IAE5D,OAAO,CACL,eAAK,SAAS,EAAC,sBAAsB,aACnC,KAAC,aAAa,IAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,GAAI,EAChD,eAAK,SAAS,EAAC,cAAc,aAC3B,KAAC,QAAQ,IACP,KAAK,EAAE,CAAC,CAAC,wBAAwB,EACjC,OAAO,EAAE,gBAAgB,EACzB,QAAQ,EAAE,0BAA0B,EACpC,SAAS,EAAC,+BAA+B,GACzC,EAEF,iBACE,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,YAAY,CAAC,QAAQ,CAAC,EAChC,SAAS,EAAC,sBAAsB,EAChC,QAAQ,EAAE,CAAC,gBAAgB,YAE1B,YAAY,EAAE,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,CAChC,kBAAQ,KAAK,EAAE,QAAQ,qBAChB,iBAAiB,CAAC,QAAQ,CAAC,OAAG,gBAAgB,CAAC,QAAQ,CAAC,KADjC,QAAQ,CAE7B,CACV,CAAC,GACK,IACL,IACF,CACP,CAAA;AACH,CAAC;AAED,MAAM,CAAC,GAAG;IACR,SAAS,EAAE,uBAAuB;IAClC,WAAW,EAAE,oBAAoB;IACjC,wBAAwB,EAAE,wBAAwB;CACnD,CAAA"}
|
|
@@ -3,6 +3,7 @@ import { type UseAccessCodesData } from '../../../../lib/seam/access-codes/use-a
|
|
|
3
3
|
export interface AccessCodeTableProps {
|
|
4
4
|
deviceId: string;
|
|
5
5
|
disableLockUnlock?: boolean;
|
|
6
|
+
disableSearch?: boolean;
|
|
6
7
|
accessCodeFilter?: (accessCode: AccessCode, searchInputValue: string) => boolean;
|
|
7
8
|
accessCodeComparator?: (accessCodeA: AccessCode, accessCodeB: AccessCode) => number;
|
|
8
9
|
onAccessCodeClick?: (accessCodeId: string) => void;
|
|
@@ -11,5 +12,5 @@ export interface AccessCodeTableProps {
|
|
|
11
12
|
className?: string;
|
|
12
13
|
}
|
|
13
14
|
type AccessCode = UseAccessCodesData[number];
|
|
14
|
-
export declare function AccessCodeTable({ deviceId, disableLockUnlock, onAccessCodeClick, preventDefaultOnAccessCodeClick, onBack, accessCodeFilter, accessCodeComparator, className, }: AccessCodeTableProps): JSX.Element;
|
|
15
|
+
export declare function AccessCodeTable({ deviceId, disableLockUnlock, disableSearch, onAccessCodeClick, preventDefaultOnAccessCodeClick, onBack, accessCodeFilter, accessCodeComparator, className, }: AccessCodeTableProps): JSX.Element;
|
|
15
16
|
export {};
|
|
@@ -36,7 +36,7 @@ const defaultAccessCodeFilter = (accessCode, searchInputValue) => {
|
|
|
36
36
|
return (searchRegex.test(accessCode?.name ?? '') ||
|
|
37
37
|
searchRegex.test(accessCode?.code ?? ''));
|
|
38
38
|
};
|
|
39
|
-
export function AccessCodeTable({ deviceId, disableLockUnlock = false, onAccessCodeClick = () => { }, preventDefaultOnAccessCodeClick = false, onBack, accessCodeFilter = defaultAccessCodeFilter, accessCodeComparator = compareByCreatedAtDesc, className, }) {
|
|
39
|
+
export function AccessCodeTable({ deviceId, disableLockUnlock = false, disableSearch = false, onAccessCodeClick = () => { }, preventDefaultOnAccessCodeClick = false, onBack, accessCodeFilter = defaultAccessCodeFilter, accessCodeComparator = compareByCreatedAtDesc, className, }) {
|
|
40
40
|
const { accessCodes } = useAccessCodes({
|
|
41
41
|
device_id: deviceId,
|
|
42
42
|
});
|
|
@@ -64,7 +64,7 @@ export function AccessCodeTable({ deviceId, disableLockUnlock = false, onAccessC
|
|
|
64
64
|
if (accessCodeFormVisible) {
|
|
65
65
|
return (_jsx(AccessCodeForm, { className: className, onBack: toggleAddAccessCodeForm, deviceId: deviceId }));
|
|
66
66
|
}
|
|
67
|
-
return (_jsxs("div", { className: classNames('seam-access-code-table', className), children: [_jsx(ContentHeader, { onBack: onBack }), _jsxs(TableHeader, { children: [_jsxs("div", { className: 'seam-left', children: [_jsxs(TableTitle, { children: [t.accessCodes, " ", _jsxs(Caption, { children: ["(", filteredAccessCodes.length, ")"] }), ' '] }), !disableCreateAccessCode && (_jsx(IconButton, { onClick: toggleAddAccessCodeForm, className: 'seam-add-access-code-button', children: _jsx(AddIcon, {}) }))] }), _jsx(SearchTextField, { value: searchInputValue, onChange: setSearchInputValue, disabled: (accessCodes?.length ?? 0) === 0 })] }), _jsx(TableBody, { children: _jsx(Content, { accessCodes: filteredAccessCodes, onAccessCodeClick: handleAccessCodeClick }) })] }));
|
|
67
|
+
return (_jsxs("div", { className: classNames('seam-access-code-table', className), children: [_jsx(ContentHeader, { onBack: onBack }), _jsxs(TableHeader, { children: [_jsxs("div", { className: 'seam-left', children: [_jsxs(TableTitle, { children: [t.accessCodes, " ", _jsxs(Caption, { children: ["(", filteredAccessCodes.length, ")"] }), ' '] }), !disableCreateAccessCode && (_jsx(IconButton, { onClick: toggleAddAccessCodeForm, className: 'seam-add-access-code-button', children: _jsx(AddIcon, {}) }))] }), !disableSearch && (_jsx(SearchTextField, { value: searchInputValue, onChange: setSearchInputValue, disabled: (accessCodes?.length ?? 0) === 0 }))] }), _jsx(TableBody, { children: _jsx(Content, { accessCodes: filteredAccessCodes, onAccessCodeClick: handleAccessCodeClick }) })] }));
|
|
68
68
|
}
|
|
69
69
|
function Content(props) {
|
|
70
70
|
const { accessCodes, onAccessCodeClick } = props;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AccessCodeTable.js","sourceRoot":"","sources":["../../../../src/lib/seam/components/AccessCodeTable/AccessCodeTable.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEtD,OAAO,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAA;AACrD,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAA;AAC9D,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAA;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAC5C,OAAO,EAAE,4BAA4B,EAAE,MAAM,uCAAuC,CAAA;AACpF,OAAO,EAAE,0BAA0B,EAAE,MAAM,qCAAqC,CAAA;AAChF,OAAO,EACL,cAAc,GAEf,MAAM,2CAA2C,CAAA;AAClD,OAAO,EAAE,iBAAiB,EAAE,MAAM,4DAA4D,CAAA;AAC9F,OAAO,EAAE,cAAc,EAAE,MAAM,sDAAsD,CAAA;AACrF,OAAO,EAEL,mBAAmB,GACpB,MAAM,4DAA4D,CAAA;AACnE,OAAO,EAAE,WAAW,EAAE,MAAM,oDAAoD,CAAA;AAChF,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAA;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAA;AAC9D,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAA;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAA;AAChE,OAAO,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAA;AACnE,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AACrD,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAA;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAA;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAA;AACvD,OAAO,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAA;AACrE,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAA;AACtD,OAAO,EAAE,KAAK,EAAE,MAAM,4BAA4B,CAAA;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAA;AAEhD,MAAM,uBAAuB,GAAG,IAAI,CAAA;
|
|
1
|
+
{"version":3,"file":"AccessCodeTable.js","sourceRoot":"","sources":["../../../../src/lib/seam/components/AccessCodeTable/AccessCodeTable.tsx"],"names":[],"mappings":"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"}
|
|
@@ -5,6 +5,7 @@ export interface DeviceTableProps {
|
|
|
5
5
|
deviceIds?: string[];
|
|
6
6
|
connectedAccountIds?: string[];
|
|
7
7
|
disableLockUnlock?: boolean;
|
|
8
|
+
disableSearch?: boolean;
|
|
8
9
|
deviceFilter?: (device: Device, searchInputValue: string) => boolean;
|
|
9
10
|
deviceComparator?: (deviceA: Device, deviceB: Device) => number;
|
|
10
11
|
onDeviceClick?: (deviceId: string) => void;
|
|
@@ -12,5 +13,5 @@ export interface DeviceTableProps {
|
|
|
12
13
|
onBack?: () => void;
|
|
13
14
|
className?: string;
|
|
14
15
|
}
|
|
15
|
-
export declare function DeviceTable({ deviceIds, connectedAccountIds, disableLockUnlock, onDeviceClick, preventDefaultOnDeviceClick, onBack, deviceFilter, deviceComparator, className, }?: DeviceTableProps): JSX.Element;
|
|
16
|
+
export declare function DeviceTable({ deviceIds, connectedAccountIds, disableLockUnlock, disableSearch, onDeviceClick, preventDefaultOnDeviceClick, onBack, deviceFilter, deviceComparator, className, }?: DeviceTableProps): JSX.Element;
|
|
16
17
|
export {};
|
|
@@ -20,7 +20,7 @@ const defaultDeviceFilter = (device, searchInputValue) => {
|
|
|
20
20
|
return true;
|
|
21
21
|
return new RegExp(value, 'i').test(device.properties.name ?? '');
|
|
22
22
|
};
|
|
23
|
-
export function DeviceTable({ deviceIds, connectedAccountIds, disableLockUnlock = false, onDeviceClick = () => { }, preventDefaultOnDeviceClick = false, onBack, deviceFilter = defaultDeviceFilter, deviceComparator = compareByCreatedAtDesc, className, } = {}) {
|
|
23
|
+
export function DeviceTable({ deviceIds, connectedAccountIds, disableLockUnlock = false, disableSearch = false, onDeviceClick = () => { }, preventDefaultOnDeviceClick = false, onBack, deviceFilter = defaultDeviceFilter, deviceComparator = compareByCreatedAtDesc, className, } = {}) {
|
|
24
24
|
const { devices, isLoading, isError, error } = useDevices({
|
|
25
25
|
device_ids: deviceIds,
|
|
26
26
|
connected_account_ids: connectedAccountIds,
|
|
@@ -48,7 +48,7 @@ export function DeviceTable({ deviceIds, connectedAccountIds, disableLockUnlock
|
|
|
48
48
|
if (isError) {
|
|
49
49
|
return _jsx("p", { className: className, children: error?.message });
|
|
50
50
|
}
|
|
51
|
-
return (_jsxs("div", { className: classNames('seam-device-table', className), children: [_jsx(ContentHeader, { onBack: onBack }), _jsxs(TableHeader, { children: [_jsxs(TableTitle, { children: [t.devices, " ", _jsxs(Caption, { children: ["(", filteredDevices.length, ")"] })] }), _jsx(SearchTextField, { value: searchInputValue, onChange: setSearchInputValue, disabled: (devices?.length ?? 0) === 0 })] }), _jsx(TableBody, { children: _jsx(Content, { devices: filteredDevices, onDeviceClick: handleDeviceClick }) })] }));
|
|
51
|
+
return (_jsxs("div", { className: classNames('seam-device-table', className), children: [_jsx(ContentHeader, { onBack: onBack }), _jsxs(TableHeader, { children: [_jsxs(TableTitle, { children: [t.devices, " ", _jsxs(Caption, { children: ["(", filteredDevices.length, ")"] })] }), !disableSearch && (_jsx(SearchTextField, { value: searchInputValue, onChange: setSearchInputValue, disabled: (devices?.length ?? 0) === 0 }))] }), _jsx(TableBody, { children: _jsx(Content, { devices: filteredDevices, onDeviceClick: handleDeviceClick }) })] }));
|
|
52
52
|
}
|
|
53
53
|
function Content(props) {
|
|
54
54
|
const { devices, onDeviceClick } = props;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DeviceTable.js","sourceRoot":"","sources":["../../../../src/lib/seam/components/DeviceTable/DeviceTable.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACtD,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAEtC,OAAO,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAA;AACrD,OAAO,EAAE,aAAa,EAAE,MAAM,oDAAoD,CAAA;AAClF,OAAO,EAGL,eAAe,GAChB,MAAM,oDAAoD,CAAA;AAC3D,OAAO,EAAE,SAAS,EAAE,MAAM,8CAA8C,CAAA;AACxE,OAAO,EACL,UAAU,GAEX,MAAM,iCAAiC,CAAA;AACxC,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAA;AAC9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAA;AACnE,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAA;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAA;AACvD,OAAO,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAA;AACrE,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAA;
|
|
1
|
+
{"version":3,"file":"DeviceTable.js","sourceRoot":"","sources":["../../../../src/lib/seam/components/DeviceTable/DeviceTable.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
interface CheckboxProps {
|
|
3
|
+
label: string;
|
|
4
|
+
checked?: boolean;
|
|
5
|
+
onChange: (checked: boolean) => void;
|
|
6
|
+
className?: string;
|
|
7
|
+
}
|
|
8
|
+
export declare function Checkbox({ label, checked, onChange, className, }: CheckboxProps): JSX.Element;
|
|
9
|
+
export {};
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import classNames from 'classnames';
|
|
3
|
+
import { useRef } from 'react';
|
|
4
|
+
import { CheckboxBlankIcon } from '../../lib/icons/CheckboxBlank.js';
|
|
5
|
+
import { CheckboxFilledIcon } from '../../lib/icons/CheckboxFilled.js';
|
|
6
|
+
export function Checkbox({ label, checked, onChange, className, }) {
|
|
7
|
+
const inputRef = useRef(null);
|
|
8
|
+
const toggle = () => {
|
|
9
|
+
if (inputRef.current != null) {
|
|
10
|
+
inputRef.current.click();
|
|
11
|
+
}
|
|
12
|
+
};
|
|
13
|
+
return (_jsxs("div", { className: classNames('seam-checkbox', className), onClick: toggle, children: [_jsx("span", { className: 'seam-checkbox-icon', children: checked === true ? _jsx(CheckboxFilledIcon, {}) : _jsx(CheckboxBlankIcon, {}) }), _jsx("input", { type: 'checkbox', ref: inputRef, onChange: (event) => {
|
|
14
|
+
onChange(event.target.checked);
|
|
15
|
+
}, checked: checked }), _jsx("span", { className: ' seam-checkbox-label', children: label })] }));
|
|
16
|
+
}
|
|
17
|
+
//# sourceMappingURL=Checkbox.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../src/lib/ui/Checkbox.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAA;AAC9D,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAA;AAShE,MAAM,UAAU,QAAQ,CAAC,EACvB,KAAK,EACL,OAAO,EACP,QAAQ,EACR,SAAS,GACK;IACd,MAAM,QAAQ,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAA;IAE/C,MAAM,MAAM,GAAG,GAAS,EAAE;QACxB,IAAI,QAAQ,CAAC,OAAO,IAAI,IAAI,EAAE;YAC5B,QAAQ,CAAC,OAAO,CAAC,KAAK,EAAE,CAAA;SACzB;IACH,CAAC,CAAA;IAED,OAAO,CACL,eAAK,SAAS,EAAE,UAAU,CAAC,eAAe,EAAE,SAAS,CAAC,EAAE,OAAO,EAAE,MAAM,aACrE,eAAM,SAAS,EAAC,oBAAoB,YACjC,OAAO,KAAK,IAAI,CAAC,CAAC,CAAC,KAAC,kBAAkB,KAAG,CAAC,CAAC,CAAC,KAAC,iBAAiB,KAAG,GAC7D,EACP,gBACE,IAAI,EAAC,UAAU,EACf,GAAG,EAAE,QAAQ,EACb,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;oBAClB,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAA;gBAChC,CAAC,EACD,OAAO,EAAE,OAAO,GAChB,EACF,eAAM,SAAS,EAAC,sBAAsB,YAAE,KAAK,GAAQ,IACjD,CACP,CAAA;AACH,CAAC"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { type TextFieldProps } from '../../../lib/ui/TextField/TextField.js';
|
|
3
|
+
export declare const DateTimePicker: import("react").ForwardRefExoticComponent<Pick<TextFieldProps, "value" | "className" | "size"> & {
|
|
4
|
+
onChange: (value: string) => void;
|
|
5
|
+
} & import("react").RefAttributes<HTMLInputElement | undefined>>;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import classNames from 'classnames';
|
|
3
|
+
import { forwardRef } from 'react';
|
|
4
|
+
import { TextField } from '../../../lib/ui/TextField/TextField.js';
|
|
5
|
+
export const DateTimePicker = forwardRef(function DateTextField({ className, value, onChange, ...props }, ref) {
|
|
6
|
+
return (_jsx(TextField, { type: 'datetime-local', className: classNames('seam-date-time-picker', className), ref: ref, value: value, onChange: onChange, ...props }));
|
|
7
|
+
});
|
|
8
|
+
//# sourceMappingURL=DateTimePicker.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DateTimePicker.js","sourceRoot":"","sources":["../../../src/lib/ui/DateTimePicker/DateTimePicker.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAElC,OAAO,EAAE,SAAS,EAAuB,MAAM,+BAA+B,CAAA;AAS9E,MAAM,CAAC,MAAM,cAAc,GAAG,UAAU,CAGtC,SAAS,aAAa,CACtB,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EACxC,GAAG;IAEH,OAAO,CACL,KAAC,SAAS,IACR,IAAI,EAAC,gBAAgB,EACrB,SAAS,EAAE,UAAU,CAAC,uBAAuB,EAAE,SAAS,CAAC,EACzD,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,KACd,KAAK,GACT,CACH,CAAA;AACH,CAAC,CAAC,CAAA"}
|
package/lib/ui/FormField.js
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import classNames from 'classnames';
|
|
3
3
|
import { cloneElement, useRef } from 'react';
|
|
4
|
+
import { DateTimePicker } from '../../lib/ui/DateTimePicker/DateTimePicker.js';
|
|
4
5
|
import { InputLabel } from '../../lib/ui/InputLabel.js';
|
|
5
6
|
import { TextField } from '../../lib/ui/TextField/TextField.js';
|
|
6
7
|
export function FormField({ children, className, }) {
|
|
@@ -24,7 +25,7 @@ export function FormField({ children, className, }) {
|
|
|
24
25
|
onClick: focusInput,
|
|
25
26
|
});
|
|
26
27
|
}
|
|
27
|
-
if (component.type === TextField) {
|
|
28
|
+
if (component.type === TextField || component.type === DateTimePicker) {
|
|
28
29
|
return cloneElement(component, {
|
|
29
30
|
...baseProps,
|
|
30
31
|
ref: inputRef,
|
package/lib/ui/FormField.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormField.js","sourceRoot":"","sources":["../../src/lib/ui/FormField.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAE5C,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAA;AAOzD,MAAM,UAAU,SAAS,CAAC,EACxB,QAAQ,EACR,SAAS,GACM;IACf,MAAM,QAAQ,GAAG,MAAM,EAAoB,CAAA;IAE3C,MAAM,UAAU,GAAG,GAAS,EAAE;QAC5B,IAAI,QAAQ,CAAC,OAAO,IAAI,IAAI,EAAE;YAC5B,QAAQ,CAAC,OAAO,CAAC,KAAK,EAAE,CAAA;SACzB;IACH,CAAC,CAAA;IAED,MAAM,UAAU,GAAG,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAA;IAElE,6DAA6D;IAC7D,oBAAoB;IACpB,MAAM,cAAc,GAAG,UAAU,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,KAAK,EAAE,EAAE;QACzD,MAAM,SAAS,GAAG;YAChB,GAAG,SAAS,CAAC,KAAK;YAClB,GAAG,EAAE,KAAK;SACX,CAAA;QAED,IAAI,SAAS,CAAC,IAAI,KAAK,UAAU,EAAE;YACjC,OAAO,YAAY,CAAC,SAAS,EAAE;gBAC7B,GAAG,SAAS;gBACZ,OAAO,EAAE,UAAU;aACpB,CAAC,CAAA;SACH;QAED,IAAI,SAAS,CAAC,IAAI,KAAK,SAAS,EAAE;
|
|
1
|
+
{"version":3,"file":"FormField.js","sourceRoot":"","sources":["../../src/lib/ui/FormField.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAE5C,OAAO,EAAE,cAAc,EAAE,MAAM,yCAAyC,CAAA;AACxE,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAA;AAOzD,MAAM,UAAU,SAAS,CAAC,EACxB,QAAQ,EACR,SAAS,GACM;IACf,MAAM,QAAQ,GAAG,MAAM,EAAoB,CAAA;IAE3C,MAAM,UAAU,GAAG,GAAS,EAAE;QAC5B,IAAI,QAAQ,CAAC,OAAO,IAAI,IAAI,EAAE;YAC5B,QAAQ,CAAC,OAAO,CAAC,KAAK,EAAE,CAAA;SACzB;IACH,CAAC,CAAA;IAED,MAAM,UAAU,GAAG,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAA;IAElE,6DAA6D;IAC7D,oBAAoB;IACpB,MAAM,cAAc,GAAG,UAAU,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,KAAK,EAAE,EAAE;QACzD,MAAM,SAAS,GAAG;YAChB,GAAG,SAAS,CAAC,KAAK;YAClB,GAAG,EAAE,KAAK;SACX,CAAA;QAED,IAAI,SAAS,CAAC,IAAI,KAAK,UAAU,EAAE;YACjC,OAAO,YAAY,CAAC,SAAS,EAAE;gBAC7B,GAAG,SAAS;gBACZ,OAAO,EAAE,UAAU;aACpB,CAAC,CAAA;SACH;QAED,IAAI,SAAS,CAAC,IAAI,KAAK,SAAS,IAAI,SAAS,CAAC,IAAI,KAAK,cAAc,EAAE;YACrE,OAAO,YAAY,CAAC,SAAS,EAAE;gBAC7B,GAAG,SAAS;gBACZ,GAAG,EAAE,QAAQ;aACd,CAAC,CAAA;SACH;QAED,OAAO,YAAY,CAAC,SAAS,EAAE,SAAS,CAAC,CAAA;IAC3C,CAAC,CAAC,CAAA;IAEF,OAAO,CACL,cAAK,SAAS,EAAE,UAAU,CAAC,iBAAiB,EAAE,SAAS,CAAC,YACrD,cAAc,GACX,CACP,CAAA;AACH,CAAC"}
|
package/lib/ui/Menu/Menu.d.ts
CHANGED
|
@@ -10,9 +10,9 @@ export interface MenuProps extends PropsWithChildren {
|
|
|
10
10
|
className?: string;
|
|
11
11
|
}>;
|
|
12
12
|
}
|
|
13
|
-
interface
|
|
13
|
+
interface MenuContext {
|
|
14
14
|
close: () => void;
|
|
15
15
|
}
|
|
16
16
|
export declare function Menu({ verticalOffset, horizontalOffset, edgeOffset, children, renderButton, backgroundProps, }: MenuProps): JSX.Element | null;
|
|
17
|
-
export declare function useMenu():
|
|
17
|
+
export declare function useMenu(): MenuContext;
|
|
18
18
|
export {};
|
package/lib/ui/Menu/Menu.js
CHANGED
|
@@ -84,10 +84,6 @@ export function Menu({ verticalOffset = 5, horizontalOffset = 0, edgeOffset = 5,
|
|
|
84
84
|
}, children: children }) }), documentEl), _jsx("div", { className: 'seam-menu-shadow', children: _jsx("div", { className: 'seam-menu-content', ref: setContentEl, children: children }) })] }));
|
|
85
85
|
}
|
|
86
86
|
export function useMenu() {
|
|
87
|
-
|
|
88
|
-
if (context == null) {
|
|
89
|
-
throw new Error('useMenu must be used within a Menu.');
|
|
90
|
-
}
|
|
91
|
-
return context;
|
|
87
|
+
return useContext(menuContext);
|
|
92
88
|
}
|
|
93
89
|
//# sourceMappingURL=Menu.js.map
|
package/lib/ui/Menu/Menu.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Menu.js","sourceRoot":"","sources":["../../../src/lib/ui/Menu/Menu.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EACL,aAAa,EAGb,WAAW,EACX,UAAU,EACV,SAAS,EACT,eAAe,EACf,QAAQ,GACT,MAAM,OAAO,CAAA;AACd,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AAkBxC,MAAM,WAAW,GAAG,aAAa,
|
|
1
|
+
{"version":3,"file":"Menu.js","sourceRoot":"","sources":["../../../src/lib/ui/Menu/Menu.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { useRef } from 'react';
|
|
3
|
+
import { RadioCheckedIcon } from '../../../lib/icons/RadioChecked.js';
|
|
4
|
+
import { RadioUncheckedIcon } from '../../../lib/icons/RadioUnchecked.js';
|
|
5
|
+
import { useRadioField } from '../../../lib/ui/RadioField/RadioField.js';
|
|
6
|
+
export function Radio({ value, label, }) {
|
|
7
|
+
const { value: fieldValue, onChange, name } = useRadioField();
|
|
8
|
+
const checked = fieldValue === value;
|
|
9
|
+
const inputRef = useRef();
|
|
10
|
+
const checkRadio = () => {
|
|
11
|
+
if (inputRef.current != null) {
|
|
12
|
+
inputRef.current.click();
|
|
13
|
+
}
|
|
14
|
+
};
|
|
15
|
+
return (_jsxs("label", { className: 'seam-radio', onClick: checkRadio, children: [_jsx("span", { className: 'seam-radio-icon', children: checked ? _jsx(RadioCheckedIcon, {}) : _jsx(RadioUncheckedIcon, {}) }), _jsx("input", { type: 'radio', name: name, value: value, checked: checked, onChange: (event) => {
|
|
16
|
+
onChange(event.target.value);
|
|
17
|
+
} }), _jsx("span", { className: 'seam-radio-label', children: label })] }));
|
|
18
|
+
}
|
|
19
|
+
//# sourceMappingURL=Radio.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Radio.js","sourceRoot":"","sources":["../../../src/lib/ui/RadioField/Radio.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAA;AAC5D,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAA;AAChE,OAAO,EAAE,aAAa,EAAE,MAAM,iCAAiC,CAAA;AAO/D,MAAM,UAAU,KAAK,CAAuB,EAC1C,KAAK,EACL,KAAK,GACa;IAClB,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,IAAI,EAAE,GAAG,aAAa,EAAS,CAAA;IAEpE,MAAM,OAAO,GAAG,UAAU,KAAK,KAAK,CAAA;IAEpC,MAAM,QAAQ,GAAG,MAAM,EAAoB,CAAA;IAE3C,MAAM,UAAU,GAAG,GAAS,EAAE;QAC5B,IAAI,QAAQ,CAAC,OAAO,IAAI,IAAI,EAAE;YAC5B,QAAQ,CAAC,OAAO,CAAC,KAAK,EAAE,CAAA;SACzB;IACH,CAAC,CAAA;IAED,OAAO,CACL,iBAAO,SAAS,EAAC,YAAY,EAAC,OAAO,EAAE,UAAU,aAC/C,eAAM,SAAS,EAAC,iBAAiB,YAC9B,OAAO,CAAC,CAAC,CAAC,KAAC,gBAAgB,KAAG,CAAC,CAAC,CAAC,KAAC,kBAAkB,KAAG,GACnD,EACP,gBACE,IAAI,EAAC,OAAO,EACZ,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;oBAClB,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,KAAc,CAAC,CAAA;gBACvC,CAAC,GACD,EACF,eAAM,SAAS,EAAC,kBAAkB,YAAE,KAAK,GAAQ,IAC3C,CACT,CAAA;AACH,CAAC"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
interface RadioFieldProps<Value extends string> {
|
|
3
|
+
name: string;
|
|
4
|
+
value: Value;
|
|
5
|
+
onChange: (value: Value) => void;
|
|
6
|
+
options: Array<RadioOption<Value>>;
|
|
7
|
+
}
|
|
8
|
+
interface RadioOption<Value> {
|
|
9
|
+
label: string;
|
|
10
|
+
value: Value;
|
|
11
|
+
}
|
|
12
|
+
type RadioFieldContext<Value extends string> = Omit<RadioFieldProps<Value>, 'options'> | undefined;
|
|
13
|
+
export declare function RadioField<Value extends string>({ value, onChange, name, options, }: RadioFieldProps<Value>): JSX.Element;
|
|
14
|
+
export declare function useRadioField<Value extends string>(): NonNullable<RadioFieldContext<Value>>;
|
|
15
|
+
export {};
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { createContext, useContext } from 'react';
|
|
3
|
+
import { Radio } from '../../../lib/ui/RadioField/Radio.js';
|
|
4
|
+
const radioFieldContext = createContext(undefined);
|
|
5
|
+
export function RadioField({ value, onChange, name, options, }) {
|
|
6
|
+
const { Provider } = radioFieldContext;
|
|
7
|
+
return (_jsx(Provider, { value: {
|
|
8
|
+
value,
|
|
9
|
+
onChange,
|
|
10
|
+
name,
|
|
11
|
+
}, children: _jsx("div", { className: 'seam-radio-field', children: options.map(({ value, label }, index) => (_jsx(Radio, { value: value, label: label }, index))) }) }));
|
|
12
|
+
}
|
|
13
|
+
export function useRadioField() {
|
|
14
|
+
const context = useContext(radioFieldContext);
|
|
15
|
+
if (context === undefined) {
|
|
16
|
+
throw new Error('useRadioField must be used within a <RadioField/>');
|
|
17
|
+
}
|
|
18
|
+
return context;
|
|
19
|
+
}
|
|
20
|
+
//# sourceMappingURL=RadioField.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RadioField.js","sourceRoot":"","sources":["../../../src/lib/ui/RadioField/RadioField.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEjD,OAAO,EAAE,KAAK,EAAE,MAAM,4BAA4B,CAAA;AAkBlD,MAAM,iBAAiB,GAAG,aAAa,CAAyB,SAAS,CAAC,CAAA;AAE1E,MAAM,UAAU,UAAU,CAAuB,EAC/C,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,OAAO,GACgB;IACvB,MAAM,EAAE,QAAQ,EAAE,GAAG,iBAAiB,CAAA;IACtC,OAAO,CACL,KAAC,QAAQ,IACP,KAAK,EAAE;YACL,KAAK;YACL,QAAQ;YACR,IAAI;SACL,YAED,cAAK,SAAS,EAAC,kBAAkB,YAC9B,OAAO,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,CAAC,CACxC,KAAC,KAAK,IAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,IAAO,KAAK,CAAI,CAClD,CAAC,GACE,GACG,CACZ,CAAA;AACH,CAAC;AAED,MAAM,UAAU,aAAa;IAG3B,MAAM,OAAO,GAAG,UAAU,CAA2B,iBAAiB,CAAC,CAAA;IACvE,IAAI,OAAO,KAAK,SAAS,EAAE;QACzB,MAAM,IAAI,KAAK,CAAC,mDAAmD,CAAC,CAAA;KACrE;IACD,OAAO,OAAO,CAAA;AAChB,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { type ChangeEvent, type FocusEventHandler, type InputHTMLAttributes, type MutableRefObject } from 'react';
|
|
1
|
+
import { type ChangeEvent, type FocusEventHandler, type InputHTMLAttributes, type MouseEventHandler, type MutableRefObject } from 'react';
|
|
2
2
|
export interface TextFieldProps {
|
|
3
3
|
value?: string;
|
|
4
4
|
onChange?: (value: string) => void;
|
|
@@ -13,8 +13,10 @@ export interface TextFieldProps {
|
|
|
13
13
|
clearable?: boolean;
|
|
14
14
|
onFocus?: FocusEventHandler<HTMLInputElement>;
|
|
15
15
|
onBlur?: FocusEventHandler<HTMLInputElement>;
|
|
16
|
+
onClick?: MouseEventHandler<HTMLInputElement>;
|
|
16
17
|
helperText?: string;
|
|
17
18
|
hasError?: boolean;
|
|
19
|
+
type?: 'text' | 'datetime-local';
|
|
18
20
|
}
|
|
19
21
|
export declare const TextField: import("react").ForwardRefExoticComponent<TextFieldProps & import("react").RefAttributes<HTMLInputElement | undefined>>;
|
|
20
|
-
export declare const handleString: (setter: (v: string) => void) => (event: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
|
|
22
|
+
export declare const handleString: (setter: (v: string) => void) => (event: ChangeEvent<HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement>) => void;
|