@seamapi/react 1.61.0 → 1.61.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -1
- package/dist/elements.js +3679 -3727
- package/dist/elements.js.map +1 -1
- package/dist/index.css +134 -25
- 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 +6 -67
- package/lib/dates.js +13 -111
- package/lib/dates.js.map +1 -1
- package/lib/icons/CheckGreen.d.ts +2 -0
- package/lib/icons/CheckGreen.js +7 -0
- package/lib/icons/CheckGreen.js.map +1 -0
- package/lib/icons/CloseWhite.d.ts +2 -0
- package/lib/icons/CloseWhite.js +7 -0
- package/lib/icons/CloseWhite.js.map +1 -0
- package/lib/seam/components/AccessCodeDetails/AccessCodeDetails.js +14 -20
- package/lib/seam/components/AccessCodeDetails/AccessCodeDetails.js.map +1 -1
- package/lib/seam/components/AccessCodeTable/CodeDetails.js +4 -6
- package/lib/seam/components/AccessCodeTable/CodeDetails.js.map +1 -1
- package/lib/seam/components/ClimateSettingScheduleDetails/ClimateSettingScheduleCard.js +8 -8
- package/lib/seam/components/ClimateSettingScheduleDetails/ClimateSettingScheduleCard.js.map +1 -1
- package/lib/seam/components/ClimateSettingScheduleDetails/ClimateSettingScheduleDetails.js +2 -2
- package/lib/seam/components/ClimateSettingScheduleDetails/ClimateSettingScheduleDetails.js.map +1 -1
- package/lib/seam/components/ClimateSettingScheduleDetails/dates.d.ts +1 -0
- package/lib/seam/components/ClimateSettingScheduleDetails/dates.js +9 -0
- package/lib/seam/components/ClimateSettingScheduleDetails/dates.js.map +1 -0
- package/lib/seam/components/ClimateSettingScheduleTable/ClimateSettingScheduleRowDetails.js +4 -6
- package/lib/seam/components/ClimateSettingScheduleTable/ClimateSettingScheduleRowDetails.js.map +1 -1
- package/lib/seam/components/CreateAccessCodeForm/CreateAccessCodeForm.js +3 -4
- package/lib/seam/components/CreateAccessCodeForm/CreateAccessCodeForm.js.map +1 -1
- package/lib/seam/components/CreateClimateSettingScheduleForm/CreateClimateSettingScheduleForm.js +3 -4
- package/lib/seam/components/CreateClimateSettingScheduleForm/CreateClimateSettingScheduleForm.js.map +1 -1
- package/lib/seam/components/DeviceDetails/ThermostatDeviceDetails.js +1 -2
- package/lib/seam/components/DeviceDetails/ThermostatDeviceDetails.js.map +1 -1
- package/lib/seam/components/EditAccessCodeForm/EditAccessCodeForm.js +3 -4
- package/lib/seam/components/EditAccessCodeForm/EditAccessCodeForm.js.map +1 -1
- package/lib/seam/components/SupportedDeviceTable/FilterCategoryMenu.js +12 -9
- package/lib/seam/components/SupportedDeviceTable/FilterCategoryMenu.js.map +1 -1
- package/lib/ui/AccessCodeForm/AccessCodeForm.d.ts +1 -1
- package/lib/ui/AccessCodeForm/AccessCodeForm.js +45 -46
- package/lib/ui/AccessCodeForm/AccessCodeForm.js.map +1 -1
- package/lib/ui/AccessCodeForm/AccessCodeFormDatePicker.d.ts +8 -7
- package/lib/ui/AccessCodeForm/AccessCodeFormDatePicker.js +8 -4
- package/lib/ui/AccessCodeForm/AccessCodeFormDatePicker.js.map +1 -1
- package/lib/ui/AccessCodeForm/AccessCodeFormTimeZonePicker.d.ts +8 -0
- package/lib/ui/AccessCodeForm/AccessCodeFormTimeZonePicker.js +17 -0
- package/lib/ui/AccessCodeForm/{AccessCodeFormTimezonePicker.js.map → AccessCodeFormTimeZonePicker.js.map} +1 -1
- package/lib/ui/AccessCodeForm/AccessCodeFormTimes.d.ts +3 -2
- package/lib/ui/AccessCodeForm/AccessCodeFormTimes.js +3 -2
- package/lib/ui/AccessCodeForm/AccessCodeFormTimes.js.map +1 -1
- package/lib/ui/ClimateSettingForm/ClimateSettingScheduleForm.d.ts +2 -2
- package/lib/ui/ClimateSettingForm/ClimateSettingScheduleForm.js +9 -9
- package/lib/ui/ClimateSettingForm/ClimateSettingScheduleForm.js.map +1 -1
- package/lib/ui/ClimateSettingForm/ClimateSettingScheduleFormNameAndSchedule.d.ts +3 -3
- package/lib/ui/ClimateSettingForm/ClimateSettingScheduleFormNameAndSchedule.js +4 -4
- package/lib/ui/ClimateSettingForm/ClimateSettingScheduleFormNameAndSchedule.js.map +1 -1
- package/lib/ui/ClimateSettingForm/{ClimateSettingScheduleFormTimezonePicker.d.ts → ClimateSettingScheduleFormTimeZonePicker.d.ts} +2 -2
- package/lib/ui/ClimateSettingForm/{ClimateSettingScheduleFormTimezonePicker.js → ClimateSettingScheduleFormTimeZonePicker.js} +5 -5
- package/lib/ui/ClimateSettingForm/{ClimateSettingScheduleFormTimezonePicker.js.map → ClimateSettingScheduleFormTimeZonePicker.js.map} +1 -1
- package/lib/ui/LoadingToast/LoadingToast.js +12 -14
- package/lib/ui/LoadingToast/LoadingToast.js.map +1 -1
- package/lib/ui/Menu/Menu.js +32 -25
- package/lib/ui/Menu/Menu.js.map +1 -1
- package/lib/ui/Snackbar/Snackbar.d.ts +16 -0
- package/lib/ui/Snackbar/Snackbar.js +38 -0
- package/lib/ui/Snackbar/Snackbar.js.map +1 -0
- package/lib/ui/TimeZonePicker/TimeZonePicker.d.ts +8 -0
- package/lib/ui/TimeZonePicker/TimeZonePicker.js +28 -0
- package/lib/ui/TimeZonePicker/TimeZonePicker.js.map +1 -0
- package/lib/ui/device/BatteryStatus.js +10 -6
- package/lib/ui/device/BatteryStatus.js.map +1 -1
- package/lib/ui/thermostat/ClimateModeMenu.js +4 -4
- package/lib/ui/thermostat/ClimateModeMenu.js.map +1 -1
- package/lib/ui/use-now.d.ts +2 -0
- package/lib/ui/{use-current-time.js → use-now.js} +2 -2
- package/lib/ui/use-now.js.map +1 -0
- package/lib/version.d.ts +1 -1
- package/lib/version.js +1 -1
- package/package.json +2 -2
- package/src/lib/dates.ts +19 -135
- package/src/lib/icons/CheckGreen.tsx +36 -0
- package/src/lib/icons/CloseWhite.tsx +36 -0
- package/src/lib/seam/components/AccessCodeDetails/AccessCodeDetails.tsx +6 -9
- package/src/lib/seam/components/AccessCodeTable/CodeDetails.tsx +2 -3
- package/src/lib/seam/components/ClimateSettingScheduleDetails/ClimateSettingScheduleCard.tsx +9 -9
- package/src/lib/seam/components/ClimateSettingScheduleDetails/ClimateSettingScheduleDetails.tsx +5 -8
- package/src/lib/seam/components/ClimateSettingScheduleDetails/dates.ts +10 -0
- package/src/lib/seam/components/ClimateSettingScheduleTable/ClimateSettingScheduleRowDetails.tsx +2 -3
- package/src/lib/seam/components/CreateAccessCodeForm/CreateAccessCodeForm.tsx +3 -4
- package/src/lib/seam/components/CreateClimateSettingScheduleForm/CreateClimateSettingScheduleForm.tsx +3 -5
- package/src/lib/seam/components/DeviceDetails/ThermostatDeviceDetails.tsx +1 -6
- package/src/lib/seam/components/EditAccessCodeForm/EditAccessCodeForm.tsx +3 -4
- package/src/lib/seam/components/SupportedDeviceTable/FilterCategoryMenu.tsx +20 -15
- package/src/lib/telemetry/client.ts +1 -0
- package/src/lib/ui/AccessCodeForm/AccessCodeForm.tsx +61 -67
- package/src/lib/ui/AccessCodeForm/AccessCodeFormDatePicker.tsx +28 -18
- package/src/lib/ui/AccessCodeForm/{AccessCodeFormTimezonePicker.tsx → AccessCodeFormTimeZonePicker.tsx} +10 -10
- package/src/lib/ui/AccessCodeForm/AccessCodeFormTimes.tsx +9 -5
- package/src/lib/ui/ClimateSettingForm/ClimateSettingScheduleForm.tsx +12 -12
- package/src/lib/ui/ClimateSettingForm/ClimateSettingScheduleFormNameAndSchedule.tsx +10 -10
- package/src/lib/ui/ClimateSettingForm/{ClimateSettingScheduleFormTimezonePicker.tsx → ClimateSettingScheduleFormTimeZonePicker.tsx} +8 -8
- package/src/lib/ui/LoadingToast/LoadingToast.tsx +13 -16
- package/src/lib/ui/Menu/Menu.tsx +50 -40
- package/src/lib/ui/Snackbar/Snackbar.tsx +97 -0
- package/src/lib/ui/TimeZonePicker/TimeZonePicker.tsx +69 -0
- package/src/lib/ui/device/BatteryStatus.tsx +23 -14
- package/src/lib/ui/thermostat/ClimateModeMenu.tsx +4 -4
- package/src/lib/ui/{use-current-time.ts → use-now.ts} +1 -1
- package/src/lib/version.ts +1 -1
- package/src/styles/_access-code-form.scss +4 -4
- package/src/styles/_climate-setting-schedule-form.scss +1 -1
- package/src/styles/_colors.scss +2 -0
- package/src/styles/_loading_toast.scss +5 -16
- package/src/styles/_main.scss +4 -2
- package/src/styles/_motion.scss +34 -0
- package/src/styles/_snackbar.scss +107 -0
- package/src/styles/_supported-device-table.scss +9 -0
- package/src/styles/{_timezone-picker.scss → _time-zone-picker.scss} +3 -3
- package/lib/ui/AccessCodeForm/AccessCodeFormTimezonePicker.d.ts +0 -8
- package/lib/ui/AccessCodeForm/AccessCodeFormTimezonePicker.js +0 -17
- package/lib/ui/TimezonePicker/TimezonePicker.d.ts +0 -8
- package/lib/ui/TimezonePicker/TimezonePicker.js +0 -28
- package/lib/ui/TimezonePicker/TimezonePicker.js.map +0 -1
- package/lib/ui/use-current-time.d.ts +0 -2
- package/lib/ui/use-current-time.js.map +0 -1
- package/src/lib/ui/TimezonePicker/TimezonePicker.tsx +0 -70
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ClimateSettingScheduleForm.js","sourceRoot":"","sources":["../../../src/lib/ui/ClimateSettingForm/ClimateSettingScheduleForm.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAChC,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAA;AAGzC,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"ClimateSettingScheduleForm.js","sourceRoot":"","sources":["../../../src/lib/ui/ClimateSettingForm/ClimateSettingScheduleForm.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAChC,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAA;AAGzC,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAA;AAChD,OAAO,EAAE,sCAAsC,EAAE,MAAM,qEAAqE,CAAA;AAC5H,OAAO,EAAE,yCAAyC,EAAE,MAAM,wEAAwE,CAAA;AAClI,OAAO,EAAE,wCAAwC,EAAE,MAAM,uEAAuE,CAAA;AA0BhI,MAAM,UAAU,0BAA0B,CAAC,EACzC,SAAS,EACT,GAAG,KAAK,EACwB;IAChC,OAAO,CACL,cACE,SAAS,EAAE,UAAU,CAAC,oCAAoC,EAAE,SAAS,CAAC,YAEtE,KAAC,OAAO,OAAK,KAAK,GAAI,GAClB,CACP,CAAA;AACH,CAAC;AAED,SAAS,OAAO,CAAC,EACf,MAAM,GAC6C;IACnD,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,OAAO,CAAC;QACjC,aAAa,EAAE;YACb,QAAQ,EAAE,EAAE;YACZ,IAAI,EAAE,EAAE;YACR,SAAS,EAAE,EAAE;YACb,OAAO,EAAE,EAAE;YACX,QAAQ,EAAE,iBAAiB,EAAE;SAC9B;KACF,CAAC,CAAA;IAEF,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAC,CAAA;IAClC,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAC,CAAA;IAElC,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAM9B,eAAe,CAAC,CAAA;IAElB,IAAI,IAAI,KAAK,eAAe,EAAE;QAC5B,OAAO,CACL,KAAC,sCAAsC,IACrC,KAAK,EAAE,CAAC,CAAC,4BAA4B,EACrC,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,GAAG,EAAE;gBACb,OAAO,CAAC,mBAAmB,CAAC,CAAA;YAC9B,CAAC,GACD,CACH,CAAA;KACF;IAED,IAAI,IAAI,KAAK,mBAAmB,EAAE;QAChC,OAAO,CACL,KAAC,yCAAyC,IACxC,KAAK,EAAE,CAAC,CAAC,4BAA4B,EACrC,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,GAAG,EAAE;gBACX,OAAO,CAAC,eAAe,CAAC,CAAA;YAC1B,CAAC,EACD,QAAQ,EAAE,MAAM,EAChB,MAAM,EAAE,GAAG,EAAE;gBACX,OAAO,CAAC,iBAAiB,CAAC,CAAA;YAC5B,CAAC,EACD,gBAAgB,EAAE,GAAG,EAAE;gBACrB,OAAO,CAAC,kBAAkB,CAAC,CAAA;YAC7B,CAAC,EACD,QAAQ,EAAE,QAAQ,GAClB,CACH,CAAA;KACF;IAED,IAAI,IAAI,KAAK,kBAAkB,EAAE;QAC/B,OAAO,CACL,KAAC,wCAAwC,IACvC,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,GAAG,EAAE;gBACZ,OAAO,CAAC,mBAAmB,CAAC,CAAA;YAC9B,CAAC,GACD,CACH,CAAA;KACF;IAED,OAAO,mBAAK,CAAA;AACd,CAAC;AAED,MAAM,CAAC,MAAM,CAAC,GAAG;IACf,4BAA4B,EAAE,gCAAgC;CAC/D,CAAA"}
|
|
@@ -5,11 +5,11 @@ interface ClimateSettingScheduleFormNameAndScheduleProps {
|
|
|
5
5
|
title: string;
|
|
6
6
|
control: Control<ClimateSettingScheduleFormFields>;
|
|
7
7
|
deviceId: string;
|
|
8
|
-
|
|
8
|
+
timeZone: string;
|
|
9
9
|
onBack: () => void;
|
|
10
10
|
onCancel: (() => void) | undefined;
|
|
11
11
|
onNext: () => void;
|
|
12
|
-
|
|
12
|
+
onChangeTimeZone: () => void;
|
|
13
13
|
}
|
|
14
|
-
export declare function ClimateSettingScheduleFormNameAndSchedule({ title, control, deviceId,
|
|
14
|
+
export declare function ClimateSettingScheduleFormNameAndSchedule({ title, control, deviceId, timeZone, onBack, onCancel, onNext, onChangeTimeZone, }: ClimateSettingScheduleFormNameAndScheduleProps): JSX.Element;
|
|
15
15
|
export {};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
2
|
import { Controller } from 'react-hook-form';
|
|
3
|
-
import {
|
|
3
|
+
import { formatTimeZone } from '../../../lib/dates.js';
|
|
4
4
|
import { ChevronRightIcon } from '../../../lib/icons/ChevronRight.js';
|
|
5
5
|
import { useDevice } from '../../../lib/seam/devices/use-device.js';
|
|
6
6
|
import { Button } from '../../../lib/ui/Button.js';
|
|
@@ -9,13 +9,13 @@ import { FormField } from '../../../lib/ui/FormField.js';
|
|
|
9
9
|
import { InputLabel } from '../../../lib/ui/InputLabel.js';
|
|
10
10
|
import { ContentHeader } from '../../../lib/ui/layout/ContentHeader.js';
|
|
11
11
|
import { TextField } from '../../../lib/ui/TextField/TextField.js';
|
|
12
|
-
export function ClimateSettingScheduleFormNameAndSchedule({ title, control, deviceId,
|
|
12
|
+
export function ClimateSettingScheduleFormNameAndSchedule({ title, control, deviceId, timeZone, onBack, onCancel, onNext, onChangeTimeZone, }) {
|
|
13
13
|
const { device } = useDevice({
|
|
14
14
|
device_id: deviceId,
|
|
15
15
|
});
|
|
16
16
|
return (_jsxs(_Fragment, { children: [_jsx(ContentHeader, { title: title, onBack: onBack, subheading: device?.properties.name }), _jsxs("div", { className: 'seam-main', children: [_jsx("div", { className: 'seam-climate-setting-schedule-form-name-and-schedule', children: _jsxs("div", { className: 'seam-content', children: [_jsxs(FormField, { children: [_jsx(InputLabel, { children: t.nameInputLabel }), _jsx(Controller, { name: 'name', control: control, defaultValue: '', render: ({ field, fieldState: { invalid, error } }) => {
|
|
17
17
|
return (_jsx(TextField, { ...field, size: 'large', clearable: true, hasError: invalid, helperText: error?.message }));
|
|
18
|
-
} })] }), _jsxs(FormField, { children: [_jsx(InputLabel, { children: t.startTimeLabel }), _jsxs("div", { className: 'seam-
|
|
18
|
+
} })] }), _jsxs(FormField, { children: [_jsx(InputLabel, { children: t.startTimeLabel }), _jsxs("div", { className: 'seam-time-zone', children: [_jsx("span", { className: 'seam-label', children: t.selectedTimeZoneLabel }), _jsxs("span", { className: 'seam-selected', onClick: onChangeTimeZone, children: [formatTimeZone(timeZone), _jsx(ChevronRightIcon, {})] })] }), _jsx(Controller, { name: 'startDate', control: control, defaultValue: '', render: ({ field }) => (_jsx(DateTimePicker, { ...field, size: 'large' })) })] }), _jsxs(FormField, { children: [_jsx(InputLabel, { children: t.endTimeLabel }), _jsx(Controller, { name: 'endDate', control: control, defaultValue: '', render: ({ field }) => (_jsx(DateTimePicker, { ...field, size: 'large' })) })] })] }) }), _jsxs("div", { className: 'seam-actions', children: [_jsx(Button, { onClick: onCancel, children: t.cancel }), _jsx(Button, { variant: 'solid', onClick: onNext, children: t.next })] })] })] }));
|
|
19
19
|
}
|
|
20
20
|
const t = {
|
|
21
21
|
nameInputLabel: 'Name the climate setting schedule',
|
|
@@ -25,6 +25,6 @@ const t = {
|
|
|
25
25
|
cancel: 'Cancel',
|
|
26
26
|
save: 'Save',
|
|
27
27
|
next: 'Next',
|
|
28
|
-
|
|
28
|
+
selectedTimeZoneLabel: 'All times in',
|
|
29
29
|
};
|
|
30
30
|
//# sourceMappingURL=ClimateSettingScheduleFormNameAndSchedule.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ClimateSettingScheduleFormNameAndSchedule.js","sourceRoot":"","sources":["../../../src/lib/ui/ClimateSettingForm/ClimateSettingScheduleFormNameAndSchedule.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAgB,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAE1D,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"ClimateSettingScheduleFormNameAndSchedule.js","sourceRoot":"","sources":["../../../src/lib/ui/ClimateSettingForm/ClimateSettingScheduleFormNameAndSchedule.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAgB,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAE1D,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAC7C,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAA;AAC5D,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAA;AAC1D,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AAEzC,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;AAC9D,OAAO,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAA;AAazD,MAAM,UAAU,yCAAyC,CAAC,EACxD,KAAK,EACL,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,MAAM,EACN,gBAAgB,GAC+B;IAC/C,MAAM,EAAE,MAAM,EAAE,GAAG,SAAS,CAAC;QAC3B,SAAS,EAAE,QAAQ;KACpB,CAAC,CAAA;IAEF,OAAO,CACL,8BACE,KAAC,aAAa,IACZ,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,MAAM,EAAE,UAAU,CAAC,IAAI,GACnC,EACF,eAAK,SAAS,EAAC,WAAW,aACxB,cAAK,SAAS,EAAC,sDAAsD,YACnE,eAAK,SAAS,EAAC,cAAc,aAC3B,MAAC,SAAS,eACR,KAAC,UAAU,cAAE,CAAC,CAAC,cAAc,GAAc,EAC3C,KAAC,UAAU,IACT,IAAI,EAAC,MAAM,EACX,OAAO,EAAE,OAAO,EAChB,YAAY,EAAC,EAAE,EACf,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE;gDACpD,OAAO,CACL,KAAC,SAAS,OACJ,KAAK,EACT,IAAI,EAAC,OAAO,EACZ,SAAS,QACT,QAAQ,EAAE,OAAO,EACjB,UAAU,EAAE,KAAK,EAAE,OAAO,GAC1B,CACH,CAAA;4CACH,CAAC,GACD,IACQ,EAEZ,MAAC,SAAS,eACR,KAAC,UAAU,cAAE,CAAC,CAAC,cAAc,GAAc,EAC3C,eAAK,SAAS,EAAC,gBAAgB,aAC7B,eAAM,SAAS,EAAC,YAAY,YAAE,CAAC,CAAC,qBAAqB,GAAQ,EAC7D,gBAAM,SAAS,EAAC,eAAe,EAAC,OAAO,EAAE,gBAAgB,aACtD,cAAc,CAAC,QAAQ,CAAC,EACzB,KAAC,gBAAgB,KAAG,IACf,IACH,EACN,KAAC,UAAU,IACT,IAAI,EAAC,WAAW,EAChB,OAAO,EAAE,OAAO,EAChB,YAAY,EAAC,EAAE,EACf,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CACrB,KAAC,cAAc,OAAK,KAAK,EAAE,IAAI,EAAC,OAAO,GAAG,CAC3C,GACD,IACQ,EACZ,MAAC,SAAS,eACR,KAAC,UAAU,cAAE,CAAC,CAAC,YAAY,GAAc,EACzC,KAAC,UAAU,IACT,IAAI,EAAC,SAAS,EACd,OAAO,EAAE,OAAO,EAChB,YAAY,EAAC,EAAE,EACf,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CACrB,KAAC,cAAc,OAAK,KAAK,EAAE,IAAI,EAAC,OAAO,GAAG,CAC3C,GACD,IACQ,IACR,GACF,EACN,eAAK,SAAS,EAAC,cAAc,aAC3B,KAAC,MAAM,IAAC,OAAO,EAAE,QAAQ,YAAG,CAAC,CAAC,MAAM,GAAU,EAC9C,KAAC,MAAM,IAAC,OAAO,EAAC,OAAO,EAAC,OAAO,EAAE,MAAM,YACpC,CAAC,CAAC,IAAI,GACA,IACL,IACF,IACL,CACJ,CAAA;AACH,CAAC;AAED,MAAM,CAAC,GAAG;IACR,cAAc,EAAE,mCAAmC;IACnD,cAAc,EAAE,YAAY;IAC5B,YAAY,EAAE,UAAU;IACxB,4BAA4B,EAAE,gCAAgC;IAC9D,MAAM,EAAE,QAAQ;IAChB,IAAI,EAAE,MAAM;IACZ,IAAI,EAAE,MAAM;IACZ,qBAAqB,EAAE,cAAc;CACtC,CAAA"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
/// <reference types="react" resolution-mode="require"/>
|
|
2
2
|
import { type Control } from 'react-hook-form';
|
|
3
3
|
import type { ClimateSettingScheduleFormFields } from '../../../lib/ui/ClimateSettingForm/ClimateSettingScheduleForm.js';
|
|
4
|
-
interface
|
|
4
|
+
interface ClimateSettingScheduleFormTimeZonePickerProps {
|
|
5
5
|
control: Control<ClimateSettingScheduleFormFields>;
|
|
6
6
|
onClose: () => void;
|
|
7
7
|
}
|
|
8
|
-
export declare function
|
|
8
|
+
export declare function ClimateSettingScheduleFormTimeZonePicker({ control, onClose, }: ClimateSettingScheduleFormTimeZonePickerProps): JSX.Element;
|
|
9
9
|
export {};
|
|
@@ -2,15 +2,15 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
|
|
|
2
2
|
import { useState } from 'react';
|
|
3
3
|
import { Controller } from 'react-hook-form';
|
|
4
4
|
import { ContentHeader } from '../../../lib/ui/layout/ContentHeader.js';
|
|
5
|
-
import {
|
|
6
|
-
export function
|
|
5
|
+
import { TimeZonePicker } from '../../../lib/ui/TimeZonePicker/TimeZonePicker.js';
|
|
6
|
+
export function ClimateSettingScheduleFormTimeZonePicker({ control, onClose, }) {
|
|
7
7
|
const [title, setTitle] = useState(t.titleAuto);
|
|
8
|
-
return (_jsxs(_Fragment, { children: [_jsx(ContentHeader, { title: title, onBack: onClose }), _jsx("div", { className: 'seam-main', children: _jsx(Controller, { name: '
|
|
9
|
-
setTitle(
|
|
8
|
+
return (_jsxs(_Fragment, { children: [_jsx(ContentHeader, { title: title, onBack: onClose }), _jsx("div", { className: 'seam-main', children: _jsx(Controller, { name: 'timeZone', control: control, render: ({ field }) => (_jsx(TimeZonePicker, { ...field, onManualTimeZoneSelected: (manualTimeZoneSelected) => {
|
|
9
|
+
setTitle(manualTimeZoneSelected ? t.titleManual : t.titleAuto);
|
|
10
10
|
} })) }) })] }));
|
|
11
11
|
}
|
|
12
12
|
const t = {
|
|
13
13
|
titleAuto: 'Time Zone (automatic)',
|
|
14
14
|
titleManual: 'Time Zone (manual)',
|
|
15
15
|
};
|
|
16
|
-
//# sourceMappingURL=
|
|
16
|
+
//# sourceMappingURL=ClimateSettingScheduleFormTimeZonePicker.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"
|
|
1
|
+
{"version":3,"file":"ClimateSettingScheduleFormTimeZonePicker.js","sourceRoot":"","sources":["../../../src/lib/ui/ClimateSettingForm/ClimateSettingScheduleFormTimeZonePicker.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAChC,OAAO,EAAgB,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAG1D,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAA;AAC9D,OAAO,EAAE,cAAc,EAAE,MAAM,yCAAyC,CAAA;AAOxE,MAAM,UAAU,wCAAwC,CAAC,EACvD,OAAO,EACP,OAAO,GACuC;IAC9C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAA;IAE/C,OAAO,CACL,8BACE,KAAC,aAAa,IAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,GAAI,EAChD,cAAK,SAAS,EAAC,WAAW,YACxB,KAAC,UAAU,IACT,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CACrB,KAAC,cAAc,OACT,KAAK,EACT,wBAAwB,EAAE,CAAC,sBAAsB,EAAE,EAAE;4BACnD,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAA;wBAChE,CAAC,GACD,CACH,GACD,GACE,IACL,CACJ,CAAA;AACH,CAAC;AAED,MAAM,CAAC,GAAG;IACR,SAAS,EAAE,uBAAuB;IAClC,WAAW,EAAE,oBAAoB;CAClC,CAAA"}
|
|
@@ -7,22 +7,20 @@ export function LoadingToast({ isLoading = true, label, top, left, }) {
|
|
|
7
7
|
const [hidden, setHidden] = useState(false);
|
|
8
8
|
const [showToast, setShowToast] = useState(isLoading);
|
|
9
9
|
useEffect(() => {
|
|
10
|
-
if (
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
const removeTimeout = globalThis.setTimeout(() => {
|
|
15
|
-
setShowToast(false);
|
|
16
|
-
}, 1500);
|
|
17
|
-
return () => {
|
|
18
|
-
globalThis.clearTimeout(hideTimeout);
|
|
19
|
-
globalThis.clearTimeout(removeTimeout);
|
|
20
|
-
};
|
|
10
|
+
if (isLoading) {
|
|
11
|
+
setHidden(false);
|
|
12
|
+
setShowToast(true);
|
|
13
|
+
return () => { };
|
|
21
14
|
}
|
|
22
|
-
|
|
23
|
-
|
|
15
|
+
const hideTimeout = globalThis.setTimeout(() => {
|
|
16
|
+
setHidden(true);
|
|
17
|
+
}, 1000);
|
|
18
|
+
const removeTimeout = globalThis.setTimeout(() => {
|
|
19
|
+
setShowToast(false);
|
|
20
|
+
}, 1500);
|
|
24
21
|
return () => {
|
|
25
|
-
|
|
22
|
+
globalThis.clearTimeout(hideTimeout);
|
|
23
|
+
globalThis.clearTimeout(removeTimeout);
|
|
26
24
|
};
|
|
27
25
|
}, [isLoading]);
|
|
28
26
|
if (!showToast)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LoadingToast.js","sourceRoot":"","sources":["../../../src/lib/ui/LoadingToast/LoadingToast.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAE3C,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AACxD,OAAO,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAA;AASnD,MAAM,UAAU,YAAY,CAAC,EAC3B,SAAS,GAAG,IAAI,EAChB,KAAK,EACL,GAAG,EACH,IAAI,GACc;IAClB,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAC3C,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAA;IAErD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,
|
|
1
|
+
{"version":3,"file":"LoadingToast.js","sourceRoot":"","sources":["../../../src/lib/ui/LoadingToast/LoadingToast.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAE3C,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AACxD,OAAO,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAA;AASnD,MAAM,UAAU,YAAY,CAAC,EAC3B,SAAS,GAAG,IAAI,EAChB,KAAK,EACL,GAAG,EACH,IAAI,GACc;IAClB,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAC3C,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAA;IAErD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,SAAS,EAAE;YACb,SAAS,CAAC,KAAK,CAAC,CAAA;YAChB,YAAY,CAAC,IAAI,CAAC,CAAA;YAClB,OAAO,GAAG,EAAE,GAAE,CAAC,CAAA;SAChB;QAED,MAAM,WAAW,GAAG,UAAU,CAAC,UAAU,CAAC,GAAG,EAAE;YAC7C,SAAS,CAAC,IAAI,CAAC,CAAA;QACjB,CAAC,EAAE,IAAI,CAAC,CAAA;QAER,MAAM,aAAa,GAAG,UAAU,CAAC,UAAU,CAAC,GAAG,EAAE;YAC/C,YAAY,CAAC,KAAK,CAAC,CAAA;QACrB,CAAC,EAAE,IAAI,CAAC,CAAA;QAER,OAAO,GAAG,EAAE;YACV,UAAU,CAAC,YAAY,CAAC,WAAW,CAAC,CAAA;YACpC,UAAU,CAAC,YAAY,CAAC,aAAa,CAAC,CAAA;QACxC,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;IAEf,IAAI,CAAC,SAAS;QAAE,OAAO,mBAAK,CAAA;IAE5B,OAAO,CACL,eACE,SAAS,EAAE,UAAU,CAAC,oBAAoB,EAAE;YAC1C,yBAAyB,EAAE,MAAM;SAClC,CAAC,EACF,KAAK,EAAE,EAAE,GAAG,EAAE,IAAI,EAAE,aAEpB,cAAK,SAAS,EAAC,8BAA8B,YAC1C,SAAS,CAAC,CAAC,CAAC,KAAC,OAAO,IAAC,IAAI,EAAC,OAAO,GAAG,CAAC,CAAC,CAAC,KAAC,cAAc,KAAG,GACtD,EACN,YAAG,SAAS,EAAC,yBAAyB,YAAE,KAAK,GAAK,IAC9C,CACP,CAAA;AACH,CAAC"}
|
package/lib/ui/Menu/Menu.js
CHANGED
|
@@ -8,19 +8,19 @@ const menuContext = createContext({
|
|
|
8
8
|
});
|
|
9
9
|
export function Menu({ verticalOffset = 5, horizontalOffset = 0, edgeOffset = 5, children, renderButton, backgroundProps, }) {
|
|
10
10
|
const { Provider } = menuContext;
|
|
11
|
-
const [anchorEl, setAnchorEl] = useState(null);
|
|
12
11
|
const [documentEl, setDocumentEl] = useState(null);
|
|
12
|
+
const [bodyEl, setBodyEl] = useState(null);
|
|
13
|
+
const [anchorEl, setAnchorEl] = useState(null);
|
|
13
14
|
const [contentEl, setContentEl] = useState(null);
|
|
14
15
|
const [top, setTop] = useState(0);
|
|
15
16
|
const [left, setLeft] = useState(0);
|
|
16
17
|
useEffect(() => {
|
|
17
|
-
const
|
|
18
|
-
|
|
18
|
+
const documentEl = globalThis.document.documentElement;
|
|
19
|
+
setDocumentEl(documentEl);
|
|
20
|
+
const bodyElements = documentEl?.getElementsByTagName('body');
|
|
21
|
+
if (bodyElements[0] == null)
|
|
19
22
|
return;
|
|
20
|
-
|
|
21
|
-
if (el != null) {
|
|
22
|
-
setDocumentEl(el);
|
|
23
|
-
}
|
|
23
|
+
setBodyEl(bodyElements[0]);
|
|
24
24
|
}, [setDocumentEl]);
|
|
25
25
|
const handleClose = () => {
|
|
26
26
|
setAnchorEl(null);
|
|
@@ -29,13 +29,19 @@ export function Menu({ verticalOffset = 5, horizontalOffset = 0, edgeOffset = 5,
|
|
|
29
29
|
setAnchorEl(event.currentTarget);
|
|
30
30
|
};
|
|
31
31
|
const setPositions = useCallback(() => {
|
|
32
|
-
if (anchorEl == null ||
|
|
32
|
+
if (anchorEl == null ||
|
|
33
|
+
contentEl == null ||
|
|
34
|
+
bodyEl == null ||
|
|
35
|
+
documentEl == null)
|
|
33
36
|
return;
|
|
34
|
-
const
|
|
35
|
-
const
|
|
36
|
-
const
|
|
37
|
-
const
|
|
38
|
-
const
|
|
37
|
+
const containerRight = documentEl.offsetLeft + documentEl.clientWidth;
|
|
38
|
+
const containerBottom = documentEl.offsetTop + documentEl.clientHeight;
|
|
39
|
+
const anchorBox = anchorEl.getBoundingClientRect();
|
|
40
|
+
const anchorTop = anchorBox.top + bodyEl.clientTop;
|
|
41
|
+
const anchorLeft = anchorBox.left + bodyEl.clientLeft;
|
|
42
|
+
const anchorHeight = anchorEl.offsetHeight;
|
|
43
|
+
const contentWidth = contentEl.offsetWidth;
|
|
44
|
+
const contentHeight = contentEl.offsetHeight;
|
|
39
45
|
const anchorBottom = anchorTop + anchorHeight;
|
|
40
46
|
const top = anchorBottom + verticalOffset;
|
|
41
47
|
const left = anchorLeft + horizontalOffset;
|
|
@@ -49,17 +55,18 @@ export function Menu({ verticalOffset = 5, horizontalOffset = 0, edgeOffset = 5,
|
|
|
49
55
|
setLeft(visibleLeft);
|
|
50
56
|
// If the content would overflow bottom, position it above the anchor.
|
|
51
57
|
const isOverFlowingBottom = bottom > containerBottom;
|
|
52
|
-
const
|
|
53
|
-
|
|
54
|
-
|
|
58
|
+
const topWhenAboveAnchor = anchorTop - contentHeight - verticalOffset;
|
|
59
|
+
// Only open the menu above the anchor if it won't get clipped, i.e., not < 0.
|
|
60
|
+
const visibleTop = isOverFlowingBottom && topWhenAboveAnchor > 0 ? topWhenAboveAnchor : top;
|
|
55
61
|
setTop(visibleTop);
|
|
56
62
|
}, [
|
|
57
63
|
anchorEl,
|
|
58
64
|
horizontalOffset,
|
|
59
65
|
verticalOffset,
|
|
60
66
|
contentEl,
|
|
61
|
-
documentEl,
|
|
62
67
|
edgeOffset,
|
|
68
|
+
bodyEl,
|
|
69
|
+
documentEl,
|
|
63
70
|
]);
|
|
64
71
|
useLayoutEffect(() => {
|
|
65
72
|
setPositions();
|
|
@@ -73,18 +80,18 @@ export function Menu({ verticalOffset = 5, horizontalOffset = 0, edgeOffset = 5,
|
|
|
73
80
|
const isOpen = anchorEl != null;
|
|
74
81
|
const hasSetPosition = top !== 0 && left !== 0;
|
|
75
82
|
const visible = isOpen && hasSetPosition;
|
|
76
|
-
if (
|
|
83
|
+
if (bodyEl == null) {
|
|
77
84
|
return null;
|
|
78
85
|
}
|
|
79
86
|
return (_jsxs(Provider, { value: {
|
|
80
87
|
close: handleClose,
|
|
81
|
-
}, children: [renderButton({ onOpen: handleOpen }), createPortal(_jsx("div", { className: classNames('seam-menu-bg', backgroundProps?.className, visible ? 'seam-menu-visible' : 'seam-menu-hidden'), onClick: (event) => {
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
+
}, children: [renderButton({ onOpen: handleOpen }), createPortal(_jsx("div", { className: seamComponentsClassName, children: _jsx("div", { className: classNames('seam-menu-bg', backgroundProps?.className, visible ? 'seam-menu-visible' : 'seam-menu-hidden'), onClick: (event) => {
|
|
89
|
+
event.stopPropagation();
|
|
90
|
+
handleClose();
|
|
91
|
+
}, children: _jsx("div", { className: 'seam-menu-content', style: {
|
|
92
|
+
top,
|
|
93
|
+
left,
|
|
94
|
+
}, children: children }) }) }), bodyEl), _jsx("div", { className: 'seam-menu-shadow', children: _jsx("div", { className: 'seam-menu-content', ref: setContentEl, children: children }) })] }));
|
|
88
95
|
}
|
|
89
96
|
export function useMenu() {
|
|
90
97
|
return useContext(menuContext);
|
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;AAExC,OAAO,EAAE,uBAAuB,EAAE,MAAM,0BAA0B,CAAA;AAkBlE,MAAM,WAAW,GAAG,aAAa,CAAc;IAC7C,KAAK,EAAE,GAAG,EAAE,GAAE,CAAC;CAChB,CAAC,CAAA;AAEF,MAAM,UAAU,IAAI,CAAC,EACnB,cAAc,GAAG,CAAC,EAClB,gBAAgB,GAAG,CAAC,EACpB,UAAU,GAAG,CAAC,EACd,QAAQ,EACR,YAAY,EACZ,eAAe,GACL;IACV,MAAM,EAAE,QAAQ,EAAE,GAAG,WAAW,CAAA;IAChC,MAAM,CAAC,QAAQ,EAAE,
|
|
1
|
+
{"version":3,"file":"Menu.js","sourceRoot":"","sources":["../../../src/lib/ui/Menu/Menu.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
/// <reference types="react" resolution-mode="require"/>
|
|
2
|
+
type SnackbarVariant = 'success' | 'error';
|
|
3
|
+
interface SnackbarProps {
|
|
4
|
+
message: string;
|
|
5
|
+
variant: SnackbarVariant;
|
|
6
|
+
visible: boolean;
|
|
7
|
+
action?: {
|
|
8
|
+
label: string;
|
|
9
|
+
onClick: () => void;
|
|
10
|
+
};
|
|
11
|
+
autoDismiss?: boolean;
|
|
12
|
+
dismissAfterMs?: number;
|
|
13
|
+
disableCloseButton?: boolean;
|
|
14
|
+
}
|
|
15
|
+
export declare function Snackbar({ message, variant, visible, action, autoDismiss, dismissAfterMs, disableCloseButton, }: SnackbarProps): JSX.Element;
|
|
16
|
+
export {};
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import classNames from 'classnames';
|
|
3
|
+
import { useEffect, useState } from 'react';
|
|
4
|
+
import { CheckGreenIcon } from '../../../lib/icons/CheckGreen.js';
|
|
5
|
+
import { CloseWhiteIcon } from '../../../lib/icons/CloseWhite.js';
|
|
6
|
+
import { ExclamationCircleIcon } from '../../../lib/icons/ExclamationCircle.js';
|
|
7
|
+
export function Snackbar({ message, variant, visible, action, autoDismiss = false, dismissAfterMs = 5000, disableCloseButton = false, }) {
|
|
8
|
+
const [hidden, setHidden] = useState(visible);
|
|
9
|
+
const { label: actionLabel, onClick: handleActionClick } = action ?? {};
|
|
10
|
+
useEffect(() => {
|
|
11
|
+
setHidden(!visible);
|
|
12
|
+
}, [visible]);
|
|
13
|
+
useEffect(() => {
|
|
14
|
+
if (!autoDismiss) {
|
|
15
|
+
return () => { };
|
|
16
|
+
}
|
|
17
|
+
const timeout = globalThis.setTimeout(() => {
|
|
18
|
+
setHidden(false);
|
|
19
|
+
}, dismissAfterMs);
|
|
20
|
+
return () => {
|
|
21
|
+
globalThis.clearTimeout(timeout);
|
|
22
|
+
};
|
|
23
|
+
}, [autoDismiss, dismissAfterMs]);
|
|
24
|
+
return (_jsx("div", { className: 'seam-snackbar-wrap', children: _jsxs("div", { className: classNames('seam-snackbar', {
|
|
25
|
+
'seam-snackbar-hide': hidden,
|
|
26
|
+
}), children: [_jsx(SnackbarIcon, { variant: variant }), _jsx("div", { className: 'seam-snackbar-message-wrap', children: _jsx("p", { className: 'seam-snackbar-message', children: message }) }), _jsxs("div", { className: 'seam-snackbar-actions-wrap', children: [action != null && (_jsx("button", { className: 'seam-snackbar-action', onClick: handleActionClick, children: _jsx("span", { className: 'seam-snackbar-action-label', children: actionLabel }) })), !disableCloseButton && (_jsx("button", { className: 'seam-snackbar-close-button', onClick: () => {
|
|
27
|
+
setHidden(true);
|
|
28
|
+
}, children: _jsx(CloseWhiteIcon, {}) }))] })] }) }));
|
|
29
|
+
}
|
|
30
|
+
function SnackbarIcon(props) {
|
|
31
|
+
switch (props.variant) {
|
|
32
|
+
case 'success':
|
|
33
|
+
return _jsx(CheckGreenIcon, {});
|
|
34
|
+
case 'error':
|
|
35
|
+
return _jsx(ExclamationCircleIcon, {});
|
|
36
|
+
}
|
|
37
|
+
}
|
|
38
|
+
//# sourceMappingURL=Snackbar.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Snackbar.js","sourceRoot":"","sources":["../../../src/lib/ui/Snackbar/Snackbar.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAE3C,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AACxD,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AACxD,OAAO,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAA;AAiBtE,MAAM,UAAU,QAAQ,CAAC,EACvB,OAAO,EACP,OAAO,EACP,OAAO,EACP,MAAM,EACN,WAAW,GAAG,KAAK,EACnB,cAAc,GAAG,IAAI,EACrB,kBAAkB,GAAG,KAAK,GACZ;IACd,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAA;IAE7C,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,OAAO,EAAE,iBAAiB,EAAE,GAAG,MAAM,IAAI,EAAE,CAAA;IAEvE,SAAS,CAAC,GAAG,EAAE;QACb,SAAS,CAAC,CAAC,OAAO,CAAC,CAAA;IACrB,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAA;IAEb,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,WAAW,EAAE;YAChB,OAAO,GAAG,EAAE,GAAE,CAAC,CAAA;SAChB;QAED,MAAM,OAAO,GAAG,UAAU,CAAC,UAAU,CAAC,GAAG,EAAE;YACzC,SAAS,CAAC,KAAK,CAAC,CAAA;QAClB,CAAC,EAAE,cAAc,CAAC,CAAA;QAElB,OAAO,GAAG,EAAE;YACV,UAAU,CAAC,YAAY,CAAC,OAAO,CAAC,CAAA;QAClC,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,WAAW,EAAE,cAAc,CAAC,CAAC,CAAA;IAEjC,OAAO,CACL,cAAK,SAAS,EAAC,oBAAoB,YACjC,eACE,SAAS,EAAE,UAAU,CAAC,eAAe,EAAE;gBACrC,oBAAoB,EAAE,MAAM;aAC7B,CAAC,aAEF,KAAC,YAAY,IAAC,OAAO,EAAE,OAAO,GAAI,EAClC,cAAK,SAAS,EAAC,4BAA4B,YACzC,YAAG,SAAS,EAAC,uBAAuB,YAAE,OAAO,GAAK,GAC9C,EACN,eAAK,SAAS,EAAC,4BAA4B,aACxC,MAAM,IAAI,IAAI,IAAI,CACjB,iBACE,SAAS,EAAC,sBAAsB,EAChC,OAAO,EAAE,iBAAiB,YAE1B,eAAM,SAAS,EAAC,4BAA4B,YAAE,WAAW,GAAQ,GAC1D,CACV,EACA,CAAC,kBAAkB,IAAI,CACtB,iBACE,SAAS,EAAC,4BAA4B,EACtC,OAAO,EAAE,GAAG,EAAE;gCACZ,SAAS,CAAC,IAAI,CAAC,CAAA;4BACjB,CAAC,YAED,KAAC,cAAc,KAAG,GACX,CACV,IACG,IACF,GACF,CACP,CAAA;AACH,CAAC;AAED,SAAS,YAAY,CAAC,KAAmC;IACvD,QAAQ,KAAK,CAAC,OAAO,EAAE;QACrB,KAAK,SAAS;YACZ,OAAO,KAAC,cAAc,KAAG,CAAA;QAC3B,KAAK,OAAO;YACV,OAAO,KAAC,qBAAqB,KAAG,CAAA;KACnC;AACH,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/// <reference types="react" resolution-mode="require"/>
|
|
2
|
+
interface TimeZonePickerProps {
|
|
3
|
+
value: string;
|
|
4
|
+
onChange: (timeZone: string) => void;
|
|
5
|
+
onManualTimeZoneSelected?: (manualTimeZoneSelected: boolean) => void;
|
|
6
|
+
}
|
|
7
|
+
export declare function TimeZonePicker({ onChange, value, onManualTimeZoneSelected, }: TimeZonePickerProps): JSX.Element;
|
|
8
|
+
export {};
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { useEffect, useState } from 'react';
|
|
3
|
+
import { formatTimeZone, getSupportedTimeZones, getSystemTimeZone, } from '../../../lib/dates.js';
|
|
4
|
+
import { Checkbox } from '../../../lib/ui/Checkbox.js';
|
|
5
|
+
import { handleString } from '../../../lib/ui/TextField/TextField.js';
|
|
6
|
+
export function TimeZonePicker({ onChange, value, onManualTimeZoneSelected, }) {
|
|
7
|
+
const [manualTimeZoneEnabled, setManualTimeZoneEnabled] = useState(false);
|
|
8
|
+
const isBrowserTimeZoneSelected = value === getSystemTimeZone();
|
|
9
|
+
const isManualTimeZoneSelected = !isBrowserTimeZoneSelected || manualTimeZoneEnabled;
|
|
10
|
+
useEffect(() => {
|
|
11
|
+
if (onManualTimeZoneSelected != null)
|
|
12
|
+
onManualTimeZoneSelected(isManualTimeZoneSelected);
|
|
13
|
+
}, [isManualTimeZoneSelected, onManualTimeZoneSelected]);
|
|
14
|
+
const handleChangeManualTimeZone = (enabled) => {
|
|
15
|
+
setManualTimeZoneEnabled(enabled);
|
|
16
|
+
if (!enabled) {
|
|
17
|
+
onChange(getSystemTimeZone());
|
|
18
|
+
}
|
|
19
|
+
};
|
|
20
|
+
return (_jsxs("div", { className: 'seam-time-zone-picker', children: [_jsx(Checkbox, { label: t.setTimeZoneManuallyLabel, checked: !isManualTimeZoneSelected, onChange: (manual) => {
|
|
21
|
+
handleChangeManualTimeZone(!manual);
|
|
22
|
+
}, className: 'seam-manual-time-zone-checkbox' }), _jsx("select", { value: value, onChange: handleString(onChange), className: 'seam-time-zone-select', children: getSupportedTimeZones().map((timeZone) => (_jsx("option", { value: timeZone, children: formatTimeZone(timeZone) }, timeZone))) })] }));
|
|
23
|
+
}
|
|
24
|
+
const t = {
|
|
25
|
+
utc: 'UTC',
|
|
26
|
+
setTimeZoneManuallyLabel: 'Use local time zone',
|
|
27
|
+
};
|
|
28
|
+
//# sourceMappingURL=TimeZonePicker.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TimeZonePicker.js","sourceRoot":"","sources":["../../../src/lib/ui/TimeZonePicker/TimeZonePicker.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAE3C,OAAO,EACL,cAAc,EACd,qBAAqB,EACrB,iBAAiB,GAClB,MAAM,cAAc,CAAA;AACrB,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAA;AAQ5D,MAAM,UAAU,cAAc,CAAC,EAC7B,QAAQ,EACR,KAAK,EACL,wBAAwB,GACJ;IACpB,MAAM,CAAC,qBAAqB,EAAE,wBAAwB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAEzE,MAAM,yBAAyB,GAAG,KAAK,KAAK,iBAAiB,EAAE,CAAA;IAC/D,MAAM,wBAAwB,GAC5B,CAAC,yBAAyB,IAAI,qBAAqB,CAAA;IAErD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,wBAAwB,IAAI,IAAI;YAClC,wBAAwB,CAAC,wBAAwB,CAAC,CAAA;IACtD,CAAC,EAAE,CAAC,wBAAwB,EAAE,wBAAwB,CAAC,CAAC,CAAA;IAExD,MAAM,0BAA0B,GAAG,CAAC,OAAgB,EAAQ,EAAE;QAC5D,wBAAwB,CAAC,OAAO,CAAC,CAAA;QACjC,IAAI,CAAC,OAAO,EAAE;YACZ,QAAQ,CAAC,iBAAiB,EAAE,CAAC,CAAA;SAC9B;IACH,CAAC,CAAA;IAED,OAAO,CACL,eAAK,SAAS,EAAC,uBAAuB,aACpC,KAAC,QAAQ,IACP,KAAK,EAAE,CAAC,CAAC,wBAAwB,EACjC,OAAO,EAAE,CAAC,wBAAwB,EAClC,QAAQ,EAAE,CAAC,MAAM,EAAE,EAAE;oBACnB,0BAA0B,CAAC,CAAC,MAAM,CAAC,CAAA;gBACrC,CAAC,EACD,SAAS,EAAC,gCAAgC,GAC1C,EAEF,iBACE,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,YAAY,CAAC,QAAQ,CAAC,EAChC,SAAS,EAAC,uBAAuB,YAEhC,qBAAqB,EAAE,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,CACzC,iBAAQ,KAAK,EAAE,QAAQ,YACpB,cAAc,CAAC,QAAQ,CAAC,IADG,QAAQ,CAE7B,CACV,CAAC,GACK,IACL,CACP,CAAA;AACH,CAAC;AAED,MAAM,CAAC,GAAG;IACR,GAAG,EAAE,KAAK;IACV,wBAAwB,EAAE,qBAAqB;CAChD,CAAA"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { jsx as _jsx,
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
2
|
import { BatteryLevelCriticalIcon } from '../../../lib/icons/BatteryLevelCritical.js';
|
|
3
3
|
import { BatteryLevelFullIcon } from '../../../lib/icons/BatteryLevelFull.js';
|
|
4
4
|
import { BatteryLevelHighIcon } from '../../../lib/icons/BatteryLevelHigh.js';
|
|
@@ -8,21 +8,25 @@ export function BatteryStatus(props) {
|
|
|
8
8
|
}
|
|
9
9
|
function Content(props) {
|
|
10
10
|
const { status, level } = props;
|
|
11
|
-
const percentage = level != null ? ` (${Math.floor(level * 100)}%)` : null;
|
|
12
11
|
if (status === 'full') {
|
|
13
|
-
return (_jsxs(_Fragment, { children: [_jsx(BatteryLevelFullIcon, {}),
|
|
12
|
+
return (_jsxs(_Fragment, { children: [_jsx(BatteryLevelFullIcon, {}), _jsxs("span", { className: 'seam-status-text', children: [t.full, _jsx(Percentage, { level: level })] })] }));
|
|
14
13
|
}
|
|
15
14
|
if (status === 'good') {
|
|
16
|
-
return (_jsxs(_Fragment, { children: [_jsx(BatteryLevelHighIcon, {}),
|
|
15
|
+
return (_jsxs(_Fragment, { children: [_jsx(BatteryLevelHighIcon, {}), _jsxs("span", { className: 'seam-status-text', children: [t.high, _jsx(Percentage, { level: level })] })] }));
|
|
17
16
|
}
|
|
18
17
|
if (status === 'low') {
|
|
19
|
-
return (_jsxs(_Fragment, { children: [_jsx(BatteryLevelLowIcon, {}),
|
|
18
|
+
return (_jsxs(_Fragment, { children: [_jsx(BatteryLevelLowIcon, {}), _jsxs("span", { className: 'seam-status-text', children: [t.low, _jsx(Percentage, { level: level })] })] }));
|
|
20
19
|
}
|
|
21
20
|
if (status === 'critical') {
|
|
22
|
-
return (_jsxs(_Fragment, { children: [_jsx(BatteryLevelCriticalIcon, {}),
|
|
21
|
+
return (_jsxs(_Fragment, { children: [_jsx(BatteryLevelCriticalIcon, {}), _jsxs("span", { className: 'seam-text-danger', children: [t.critical, _jsx(Percentage, { level: level })] })] }));
|
|
23
22
|
}
|
|
24
23
|
return null;
|
|
25
24
|
}
|
|
25
|
+
function Percentage(props) {
|
|
26
|
+
if (props.level == null)
|
|
27
|
+
return null;
|
|
28
|
+
return _jsxs(_Fragment, { children: [" (", Math.floor(props.level * 100), "%)"] });
|
|
29
|
+
}
|
|
26
30
|
const t = {
|
|
27
31
|
full: 'Good',
|
|
28
32
|
high: 'Good',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BatteryStatus.js","sourceRoot":"","sources":["../../../src/lib/ui/device/BatteryStatus.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,wBAAwB,EAAE,MAAM,mCAAmC,CAAA;AAC5E,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAA;AACpE,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAA;AACpE,OAAO,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAA;AAMlE,MAAM,UAAU,aAAa,CAAC,KAAyB;IACrD,OAAO,CACL,cAAK,SAAS,EAAC,qBAAqB,YAClC,KAAC,OAAO,IACN,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,UAAU,CAAC,OAAO,EAAE,MAAM,EAC/C,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,UAAU,CAAC,OAAO,EAAE,KAAK,GAC7C,GACE,CACP,CAAA;AACH,CAAC;AAED,SAAS,OAAO,CAAC,KAGhB;IACC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,CAAA;IAE/B,
|
|
1
|
+
{"version":3,"file":"BatteryStatus.js","sourceRoot":"","sources":["../../../src/lib/ui/device/BatteryStatus.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,wBAAwB,EAAE,MAAM,mCAAmC,CAAA;AAC5E,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAA;AACpE,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAA;AACpE,OAAO,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAA;AAMlE,MAAM,UAAU,aAAa,CAAC,KAAyB;IACrD,OAAO,CACL,cAAK,SAAS,EAAC,qBAAqB,YAClC,KAAC,OAAO,IACN,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,UAAU,CAAC,OAAO,EAAE,MAAM,EAC/C,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,UAAU,CAAC,OAAO,EAAE,KAAK,GAC7C,GACE,CACP,CAAA;AACH,CAAC;AAED,SAAS,OAAO,CAAC,KAGhB;IACC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,CAAA;IAE/B,IAAI,MAAM,KAAK,MAAM,EAAE;QACrB,OAAO,CACL,8BACE,KAAC,oBAAoB,KAAG,EACxB,gBAAM,SAAS,EAAC,kBAAkB,aAC/B,CAAC,CAAC,IAAI,EACP,KAAC,UAAU,IAAC,KAAK,EAAE,KAAK,GAAI,IACvB,IACN,CACJ,CAAA;KACF;IAED,IAAI,MAAM,KAAK,MAAM,EAAE;QACrB,OAAO,CACL,8BACE,KAAC,oBAAoB,KAAG,EACxB,gBAAM,SAAS,EAAC,kBAAkB,aAC/B,CAAC,CAAC,IAAI,EACP,KAAC,UAAU,IAAC,KAAK,EAAE,KAAK,GAAI,IACvB,IACN,CACJ,CAAA;KACF;IAED,IAAI,MAAM,KAAK,KAAK,EAAE;QACpB,OAAO,CACL,8BACE,KAAC,mBAAmB,KAAG,EACvB,gBAAM,SAAS,EAAC,kBAAkB,aAC/B,CAAC,CAAC,GAAG,EACN,KAAC,UAAU,IAAC,KAAK,EAAE,KAAK,GAAI,IACvB,IACN,CACJ,CAAA;KACF;IAED,IAAI,MAAM,KAAK,UAAU,EAAE;QACzB,OAAO,CACL,8BACE,KAAC,wBAAwB,KAAG,EAC5B,gBAAM,SAAS,EAAC,kBAAkB,aAC/B,CAAC,CAAC,QAAQ,EACX,KAAC,UAAU,IAAC,KAAK,EAAE,KAAK,GAAI,IACvB,IACN,CACJ,CAAA;KACF;IAED,OAAO,IAAI,CAAA;AACb,CAAC;AAED,SAAS,UAAU,CAAC,KAEnB;IACC,IAAI,KAAK,CAAC,KAAK,IAAI,IAAI;QAAE,OAAO,IAAI,CAAA;IACpC,OAAO,oCAAK,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,CAAC,UAAM,CAAA;AACjD,CAAC;AAED,MAAM,CAAC,GAAG;IACR,IAAI,EAAE,MAAM;IACZ,IAAI,EAAE,MAAM;IACZ,GAAG,EAAE,KAAK;IACV,QAAQ,EAAE,MAAM;CACjB,CAAA"}
|
|
@@ -8,14 +8,14 @@ import { Menu } from '../../../lib/ui/Menu/Menu.js';
|
|
|
8
8
|
import { ThermoModeMenuOption } from '../../../lib/ui/thermostat/ThermoModeMenuOption.js';
|
|
9
9
|
const modes = ['heat', 'cool', 'heat_cool', 'off'];
|
|
10
10
|
export function ClimateModeMenu({ mode, onChange, }) {
|
|
11
|
-
return (_jsx(Menu, { renderButton: ({ onOpen }) => (_jsxs("button", { onClick: onOpen, className: 'seam-climate-mode-menu-button', children: [_jsx("div", { className: 'seam-climate-mode-menu-button-icon', children: ModeIcon
|
|
11
|
+
return (_jsx(Menu, { renderButton: ({ onOpen }) => (_jsxs("button", { onClick: onOpen, className: 'seam-climate-mode-menu-button', children: [_jsx("div", { className: 'seam-climate-mode-menu-button-icon', children: _jsx(ModeIcon, { mode: mode }) }), _jsx(ChevronDownIcon, {})] })), verticalOffset: -180, horizontalOffset: -32, backgroundProps: {
|
|
12
12
|
className: 'seam-thermo-mode-menu',
|
|
13
|
-
}, children: modes.map((m) => (_jsx(ThermoModeMenuOption, { label: t[m], icon: ModeIcon
|
|
13
|
+
}, children: modes.map((m) => (_jsx(ThermoModeMenuOption, { label: t[m], icon: _jsx(ModeIcon, { mode: m }), isSelected: mode === m, onClick: () => {
|
|
14
14
|
onChange(m);
|
|
15
15
|
} }, m))) }));
|
|
16
16
|
}
|
|
17
|
-
function ModeIcon(
|
|
18
|
-
switch (mode) {
|
|
17
|
+
function ModeIcon(props) {
|
|
18
|
+
switch (props.mode) {
|
|
19
19
|
case 'heat':
|
|
20
20
|
return _jsx(ThermostatHeatIcon, {});
|
|
21
21
|
case 'cool':
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ClimateModeMenu.js","sourceRoot":"","sources":["../../../src/lib/ui/thermostat/ClimateModeMenu.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAA;AAC1D,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAA;AAC1C,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAA;AAChE,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAA;AAChE,OAAO,EAAE,sBAAsB,EAAE,MAAM,iCAAiC,CAAA;AACxE,OAAO,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAA;AAC1C,OAAO,EAAE,oBAAoB,EAAE,MAAM,2CAA2C,CAAA;AAEhF,MAAM,KAAK,GAAsB,CAAC,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,KAAK,CAAC,CAAA;AAOrE,MAAM,UAAU,eAAe,CAAC,EAC9B,IAAI,EACJ,QAAQ,GACa;IACrB,OAAO,CACL,KAAC,IAAI,IACH,YAAY,EAAE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CAC5B,kBAAQ,OAAO,EAAE,MAAM,EAAE,SAAS,EAAC,+BAA+B,aAChE,cAAK,SAAS,EAAC,oCAAoC,
|
|
1
|
+
{"version":3,"file":"ClimateModeMenu.js","sourceRoot":"","sources":["../../../src/lib/ui/thermostat/ClimateModeMenu.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAA;AAC1D,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAA;AAC1C,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAA;AAChE,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAA;AAChE,OAAO,EAAE,sBAAsB,EAAE,MAAM,iCAAiC,CAAA;AACxE,OAAO,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAA;AAC1C,OAAO,EAAE,oBAAoB,EAAE,MAAM,2CAA2C,CAAA;AAEhF,MAAM,KAAK,GAAsB,CAAC,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,KAAK,CAAC,CAAA;AAOrE,MAAM,UAAU,eAAe,CAAC,EAC9B,IAAI,EACJ,QAAQ,GACa;IACrB,OAAO,CACL,KAAC,IAAI,IACH,YAAY,EAAE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CAC5B,kBAAQ,OAAO,EAAE,MAAM,EAAE,SAAS,EAAC,+BAA+B,aAChE,cAAK,SAAS,EAAC,oCAAoC,YACjD,KAAC,QAAQ,IAAC,IAAI,EAAE,IAAI,GAAI,GACpB,EACN,KAAC,eAAe,KAAG,IACZ,CACV,EACD,cAAc,EAAE,CAAC,GAAG,EACpB,gBAAgB,EAAE,CAAC,EAAE,EACrB,eAAe,EAAE;YACf,SAAS,EAAE,uBAAuB;SACnC,YAEA,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAChB,KAAC,oBAAoB,IAEnB,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC,EACX,IAAI,EAAE,KAAC,QAAQ,IAAC,IAAI,EAAE,CAAC,GAAI,EAC3B,UAAU,EAAE,IAAI,KAAK,CAAC,EACtB,OAAO,EAAE,GAAG,EAAE;gBACZ,QAAQ,CAAC,CAAC,CAAC,CAAA;YACb,CAAC,IANI,CAAC,CAON,CACH,CAAC,GACG,CACR,CAAA;AACH,CAAC;AAED,SAAS,QAAQ,CAAC,KAAgC;IAChD,QAAQ,KAAK,CAAC,IAAI,EAAE;QAClB,KAAK,MAAM;YACT,OAAO,KAAC,kBAAkB,KAAG,CAAA;QAC/B,KAAK,MAAM;YACT,OAAO,KAAC,kBAAkB,KAAG,CAAA;QAC/B,KAAK,WAAW;YACd,OAAO,KAAC,sBAAsB,KAAG,CAAA;QACnC,KAAK,KAAK;YACR,OAAO,KAAC,OAAO,KAAG,CAAA;KACrB;AACH,CAAC;AAED,MAAM,CAAC,GAAG;IACR,IAAI,EAAE,MAAM;IACZ,IAAI,EAAE,MAAM;IACZ,SAAS,EAAE,aAAa;IACxB,GAAG,EAAE,KAAK;CACX,CAAA"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { DateTime } from 'luxon';
|
|
2
2
|
import { useCallback, useState } from 'react';
|
|
3
3
|
import { useInterval } from '../../lib/ui/use-interval.js';
|
|
4
|
-
export function
|
|
4
|
+
export function useNow() {
|
|
5
5
|
const [date, setDate] = useState(DateTime.now());
|
|
6
6
|
const update = useCallback(() => {
|
|
7
7
|
setDate(DateTime.now());
|
|
@@ -9,4 +9,4 @@ export function useCurrentTime() {
|
|
|
9
9
|
useInterval(update);
|
|
10
10
|
return date;
|
|
11
11
|
}
|
|
12
|
-
//# sourceMappingURL=use-
|
|
12
|
+
//# sourceMappingURL=use-now.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-now.js","sourceRoot":"","sources":["../../src/lib/ui/use-now.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAChC,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAE7C,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAA;AAEpD,MAAM,UAAU,MAAM;IACpB,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAW,QAAQ,CAAC,GAAG,EAAE,CAAC,CAAA;IAE1D,MAAM,MAAM,GAAG,WAAW,CAAC,GAAG,EAAE;QAC9B,OAAO,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC,CAAA;IACzB,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAA;IAEb,WAAW,CAAC,MAAM,CAAC,CAAA;IAEnB,OAAO,IAAI,CAAA;AACb,CAAC"}
|
package/lib/version.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const seamapiReactVersion = "1.61.
|
|
1
|
+
declare const seamapiReactVersion = "1.61.2";
|
|
2
2
|
export default seamapiReactVersion;
|
package/lib/version.js
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@seamapi/react",
|
|
3
|
-
"version": "1.61.
|
|
3
|
+
"version": "1.61.2",
|
|
4
4
|
"description": "Seam Components.",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "index.js",
|
|
@@ -134,7 +134,7 @@
|
|
|
134
134
|
"@mui/icons-material": "^5.11.16",
|
|
135
135
|
"@mui/material": "^5.12.2",
|
|
136
136
|
"@rxfork/r2wc-react-to-web-component": "^2.3.0",
|
|
137
|
-
"@seamapi/fake-seam-connect": "^1.
|
|
137
|
+
"@seamapi/fake-seam-connect": "^1.17.0",
|
|
138
138
|
"@storybook/addon-designs": "^7.0.1",
|
|
139
139
|
"@storybook/addon-essentials": "^7.0.2",
|
|
140
140
|
"@storybook/addon-links": "^7.0.2",
|