@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.
Files changed (127) hide show
  1. package/README.md +1 -1
  2. package/dist/elements.js +3679 -3727
  3. package/dist/elements.js.map +1 -1
  4. package/dist/index.css +134 -25
  5. package/dist/index.css.map +1 -1
  6. package/dist/index.min.css +1 -1
  7. package/dist/index.min.css.map +1 -1
  8. package/lib/dates.d.ts +6 -67
  9. package/lib/dates.js +13 -111
  10. package/lib/dates.js.map +1 -1
  11. package/lib/icons/CheckGreen.d.ts +2 -0
  12. package/lib/icons/CheckGreen.js +7 -0
  13. package/lib/icons/CheckGreen.js.map +1 -0
  14. package/lib/icons/CloseWhite.d.ts +2 -0
  15. package/lib/icons/CloseWhite.js +7 -0
  16. package/lib/icons/CloseWhite.js.map +1 -0
  17. package/lib/seam/components/AccessCodeDetails/AccessCodeDetails.js +14 -20
  18. package/lib/seam/components/AccessCodeDetails/AccessCodeDetails.js.map +1 -1
  19. package/lib/seam/components/AccessCodeTable/CodeDetails.js +4 -6
  20. package/lib/seam/components/AccessCodeTable/CodeDetails.js.map +1 -1
  21. package/lib/seam/components/ClimateSettingScheduleDetails/ClimateSettingScheduleCard.js +8 -8
  22. package/lib/seam/components/ClimateSettingScheduleDetails/ClimateSettingScheduleCard.js.map +1 -1
  23. package/lib/seam/components/ClimateSettingScheduleDetails/ClimateSettingScheduleDetails.js +2 -2
  24. package/lib/seam/components/ClimateSettingScheduleDetails/ClimateSettingScheduleDetails.js.map +1 -1
  25. package/lib/seam/components/ClimateSettingScheduleDetails/dates.d.ts +1 -0
  26. package/lib/seam/components/ClimateSettingScheduleDetails/dates.js +9 -0
  27. package/lib/seam/components/ClimateSettingScheduleDetails/dates.js.map +1 -0
  28. package/lib/seam/components/ClimateSettingScheduleTable/ClimateSettingScheduleRowDetails.js +4 -6
  29. package/lib/seam/components/ClimateSettingScheduleTable/ClimateSettingScheduleRowDetails.js.map +1 -1
  30. package/lib/seam/components/CreateAccessCodeForm/CreateAccessCodeForm.js +3 -4
  31. package/lib/seam/components/CreateAccessCodeForm/CreateAccessCodeForm.js.map +1 -1
  32. package/lib/seam/components/CreateClimateSettingScheduleForm/CreateClimateSettingScheduleForm.js +3 -4
  33. package/lib/seam/components/CreateClimateSettingScheduleForm/CreateClimateSettingScheduleForm.js.map +1 -1
  34. package/lib/seam/components/DeviceDetails/ThermostatDeviceDetails.js +1 -2
  35. package/lib/seam/components/DeviceDetails/ThermostatDeviceDetails.js.map +1 -1
  36. package/lib/seam/components/EditAccessCodeForm/EditAccessCodeForm.js +3 -4
  37. package/lib/seam/components/EditAccessCodeForm/EditAccessCodeForm.js.map +1 -1
  38. package/lib/seam/components/SupportedDeviceTable/FilterCategoryMenu.js +12 -9
  39. package/lib/seam/components/SupportedDeviceTable/FilterCategoryMenu.js.map +1 -1
  40. package/lib/ui/AccessCodeForm/AccessCodeForm.d.ts +1 -1
  41. package/lib/ui/AccessCodeForm/AccessCodeForm.js +45 -46
  42. package/lib/ui/AccessCodeForm/AccessCodeForm.js.map +1 -1
  43. package/lib/ui/AccessCodeForm/AccessCodeFormDatePicker.d.ts +8 -7
  44. package/lib/ui/AccessCodeForm/AccessCodeFormDatePicker.js +8 -4
  45. package/lib/ui/AccessCodeForm/AccessCodeFormDatePicker.js.map +1 -1
  46. package/lib/ui/AccessCodeForm/AccessCodeFormTimeZonePicker.d.ts +8 -0
  47. package/lib/ui/AccessCodeForm/AccessCodeFormTimeZonePicker.js +17 -0
  48. package/lib/ui/AccessCodeForm/{AccessCodeFormTimezonePicker.js.map → AccessCodeFormTimeZonePicker.js.map} +1 -1
  49. package/lib/ui/AccessCodeForm/AccessCodeFormTimes.d.ts +3 -2
  50. package/lib/ui/AccessCodeForm/AccessCodeFormTimes.js +3 -2
  51. package/lib/ui/AccessCodeForm/AccessCodeFormTimes.js.map +1 -1
  52. package/lib/ui/ClimateSettingForm/ClimateSettingScheduleForm.d.ts +2 -2
  53. package/lib/ui/ClimateSettingForm/ClimateSettingScheduleForm.js +9 -9
  54. package/lib/ui/ClimateSettingForm/ClimateSettingScheduleForm.js.map +1 -1
  55. package/lib/ui/ClimateSettingForm/ClimateSettingScheduleFormNameAndSchedule.d.ts +3 -3
  56. package/lib/ui/ClimateSettingForm/ClimateSettingScheduleFormNameAndSchedule.js +4 -4
  57. package/lib/ui/ClimateSettingForm/ClimateSettingScheduleFormNameAndSchedule.js.map +1 -1
  58. package/lib/ui/ClimateSettingForm/{ClimateSettingScheduleFormTimezonePicker.d.ts → ClimateSettingScheduleFormTimeZonePicker.d.ts} +2 -2
  59. package/lib/ui/ClimateSettingForm/{ClimateSettingScheduleFormTimezonePicker.js → ClimateSettingScheduleFormTimeZonePicker.js} +5 -5
  60. package/lib/ui/ClimateSettingForm/{ClimateSettingScheduleFormTimezonePicker.js.map → ClimateSettingScheduleFormTimeZonePicker.js.map} +1 -1
  61. package/lib/ui/LoadingToast/LoadingToast.js +12 -14
  62. package/lib/ui/LoadingToast/LoadingToast.js.map +1 -1
  63. package/lib/ui/Menu/Menu.js +32 -25
  64. package/lib/ui/Menu/Menu.js.map +1 -1
  65. package/lib/ui/Snackbar/Snackbar.d.ts +16 -0
  66. package/lib/ui/Snackbar/Snackbar.js +38 -0
  67. package/lib/ui/Snackbar/Snackbar.js.map +1 -0
  68. package/lib/ui/TimeZonePicker/TimeZonePicker.d.ts +8 -0
  69. package/lib/ui/TimeZonePicker/TimeZonePicker.js +28 -0
  70. package/lib/ui/TimeZonePicker/TimeZonePicker.js.map +1 -0
  71. package/lib/ui/device/BatteryStatus.js +10 -6
  72. package/lib/ui/device/BatteryStatus.js.map +1 -1
  73. package/lib/ui/thermostat/ClimateModeMenu.js +4 -4
  74. package/lib/ui/thermostat/ClimateModeMenu.js.map +1 -1
  75. package/lib/ui/use-now.d.ts +2 -0
  76. package/lib/ui/{use-current-time.js → use-now.js} +2 -2
  77. package/lib/ui/use-now.js.map +1 -0
  78. package/lib/version.d.ts +1 -1
  79. package/lib/version.js +1 -1
  80. package/package.json +2 -2
  81. package/src/lib/dates.ts +19 -135
  82. package/src/lib/icons/CheckGreen.tsx +36 -0
  83. package/src/lib/icons/CloseWhite.tsx +36 -0
  84. package/src/lib/seam/components/AccessCodeDetails/AccessCodeDetails.tsx +6 -9
  85. package/src/lib/seam/components/AccessCodeTable/CodeDetails.tsx +2 -3
  86. package/src/lib/seam/components/ClimateSettingScheduleDetails/ClimateSettingScheduleCard.tsx +9 -9
  87. package/src/lib/seam/components/ClimateSettingScheduleDetails/ClimateSettingScheduleDetails.tsx +5 -8
  88. package/src/lib/seam/components/ClimateSettingScheduleDetails/dates.ts +10 -0
  89. package/src/lib/seam/components/ClimateSettingScheduleTable/ClimateSettingScheduleRowDetails.tsx +2 -3
  90. package/src/lib/seam/components/CreateAccessCodeForm/CreateAccessCodeForm.tsx +3 -4
  91. package/src/lib/seam/components/CreateClimateSettingScheduleForm/CreateClimateSettingScheduleForm.tsx +3 -5
  92. package/src/lib/seam/components/DeviceDetails/ThermostatDeviceDetails.tsx +1 -6
  93. package/src/lib/seam/components/EditAccessCodeForm/EditAccessCodeForm.tsx +3 -4
  94. package/src/lib/seam/components/SupportedDeviceTable/FilterCategoryMenu.tsx +20 -15
  95. package/src/lib/telemetry/client.ts +1 -0
  96. package/src/lib/ui/AccessCodeForm/AccessCodeForm.tsx +61 -67
  97. package/src/lib/ui/AccessCodeForm/AccessCodeFormDatePicker.tsx +28 -18
  98. package/src/lib/ui/AccessCodeForm/{AccessCodeFormTimezonePicker.tsx → AccessCodeFormTimeZonePicker.tsx} +10 -10
  99. package/src/lib/ui/AccessCodeForm/AccessCodeFormTimes.tsx +9 -5
  100. package/src/lib/ui/ClimateSettingForm/ClimateSettingScheduleForm.tsx +12 -12
  101. package/src/lib/ui/ClimateSettingForm/ClimateSettingScheduleFormNameAndSchedule.tsx +10 -10
  102. package/src/lib/ui/ClimateSettingForm/{ClimateSettingScheduleFormTimezonePicker.tsx → ClimateSettingScheduleFormTimeZonePicker.tsx} +8 -8
  103. package/src/lib/ui/LoadingToast/LoadingToast.tsx +13 -16
  104. package/src/lib/ui/Menu/Menu.tsx +50 -40
  105. package/src/lib/ui/Snackbar/Snackbar.tsx +97 -0
  106. package/src/lib/ui/TimeZonePicker/TimeZonePicker.tsx +69 -0
  107. package/src/lib/ui/device/BatteryStatus.tsx +23 -14
  108. package/src/lib/ui/thermostat/ClimateModeMenu.tsx +4 -4
  109. package/src/lib/ui/{use-current-time.ts → use-now.ts} +1 -1
  110. package/src/lib/version.ts +1 -1
  111. package/src/styles/_access-code-form.scss +4 -4
  112. package/src/styles/_climate-setting-schedule-form.scss +1 -1
  113. package/src/styles/_colors.scss +2 -0
  114. package/src/styles/_loading_toast.scss +5 -16
  115. package/src/styles/_main.scss +4 -2
  116. package/src/styles/_motion.scss +34 -0
  117. package/src/styles/_snackbar.scss +107 -0
  118. package/src/styles/_supported-device-table.scss +9 -0
  119. package/src/styles/{_timezone-picker.scss → _time-zone-picker.scss} +3 -3
  120. package/lib/ui/AccessCodeForm/AccessCodeFormTimezonePicker.d.ts +0 -8
  121. package/lib/ui/AccessCodeForm/AccessCodeFormTimezonePicker.js +0 -17
  122. package/lib/ui/TimezonePicker/TimezonePicker.d.ts +0 -8
  123. package/lib/ui/TimezonePicker/TimezonePicker.js +0 -28
  124. package/lib/ui/TimezonePicker/TimezonePicker.js.map +0 -1
  125. package/lib/ui/use-current-time.d.ts +0 -2
  126. package/lib/ui/use-current-time.js.map +0 -1
  127. 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,kBAAkB,EAAE,MAAM,cAAc,CAAA;AACjD,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,kBAAkB,EAAE;SAC/B;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,iBAAiB,CAAC,CAAA;YAC5B,CAAC,EACD,QAAQ,EAAE,QAAQ,GAClB,CACH,CAAA;KACF;IAED,IAAI,IAAI,KAAK,iBAAiB,EAAE;QAC9B,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"}
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
- timezone: string;
8
+ timeZone: string;
9
9
  onBack: () => void;
10
10
  onCancel: (() => void) | undefined;
11
11
  onNext: () => void;
12
- onChangeTimezone: () => void;
12
+ onChangeTimeZone: () => void;
13
13
  }
14
- export declare function ClimateSettingScheduleFormNameAndSchedule({ title, control, deviceId, timezone, onBack, onCancel, onNext, onChangeTimezone, }: ClimateSettingScheduleFormNameAndScheduleProps): JSX.Element;
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 { getTimezoneLabel } from '../../../lib/dates.js';
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, timezone, onBack, onCancel, onNext, onChangeTimezone, }) {
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-timezone', children: [_jsx("span", { className: 'seam-label', children: t.selectedTimezoneLabel }), _jsxs("span", { className: 'seam-selected', onClick: onChangeTimezone, children: [getTimezoneLabel(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 })] })] })] }));
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
- selectedTimezoneLabel: 'All times in',
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":"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"}
1
+ {"version":3,"file":"ClimateSettingScheduleFormNameAndSchedule.js","sourceRoot":"","sources":["../../../src/lib/ui/ClimateSettingForm/ClimateSettingScheduleFormNameAndSchedule.tsx"],"names":[],"mappings":"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"}
@@ -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 ClimateSettingScheduleFormTimezonePickerProps {
4
+ interface ClimateSettingScheduleFormTimeZonePickerProps {
5
5
  control: Control<ClimateSettingScheduleFormFields>;
6
6
  onClose: () => void;
7
7
  }
8
- export declare function ClimateSettingScheduleFormTimezonePicker({ control, onClose, }: ClimateSettingScheduleFormTimezonePickerProps): JSX.Element;
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 { TimezonePicker } from '../../../lib/ui/TimezonePicker/TimezonePicker.js';
6
- export function ClimateSettingScheduleFormTimezonePicker({ control, onClose, }) {
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: 'timezone', control: control, render: ({ field }) => (_jsx(TimezonePicker, { ...field, onManualTimezoneSelected: (manualTimezoneSelected) => {
9
- setTitle(manualTimezoneSelected ? t.titleManual : t.titleAuto);
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=ClimateSettingScheduleFormTimezonePicker.js.map
16
+ //# sourceMappingURL=ClimateSettingScheduleFormTimeZonePicker.js.map
@@ -1 +1 @@
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"}
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 (!isLoading) {
11
- const hideTimeout = globalThis.setTimeout(() => {
12
- setHidden(true);
13
- }, 1000);
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
- setHidden(false);
23
- setShowToast(true);
15
+ const hideTimeout = globalThis.setTimeout(() => {
16
+ setHidden(true);
17
+ }, 1000);
18
+ const removeTimeout = globalThis.setTimeout(() => {
19
+ setShowToast(false);
20
+ }, 1500);
24
21
  return () => {
25
- // noop
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,CAAC,SAAS,EAAE;YACd,MAAM,WAAW,GAAG,UAAU,CAAC,UAAU,CAAC,GAAG,EAAE;gBAC7C,SAAS,CAAC,IAAI,CAAC,CAAA;YACjB,CAAC,EAAE,IAAI,CAAC,CAAA;YAER,MAAM,aAAa,GAAG,UAAU,CAAC,UAAU,CAAC,GAAG,EAAE;gBAC/C,YAAY,CAAC,KAAK,CAAC,CAAA;YACrB,CAAC,EAAE,IAAI,CAAC,CAAA;YAER,OAAO,GAAG,EAAE;gBACV,UAAU,CAAC,YAAY,CAAC,WAAW,CAAC,CAAA;gBACpC,UAAU,CAAC,YAAY,CAAC,aAAa,CAAC,CAAA;YACxC,CAAC,CAAA;SACF;QAED,SAAS,CAAC,KAAK,CAAC,CAAA;QAChB,YAAY,CAAC,IAAI,CAAC,CAAA;QAElB,OAAO,GAAG,EAAE;YACV,OAAO;QACT,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"}
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"}
@@ -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 containers = globalThis.document?.querySelectorAll(seamComponentsClassName);
18
- if (containers == null)
18
+ const documentEl = globalThis.document.documentElement;
19
+ setDocumentEl(documentEl);
20
+ const bodyElements = documentEl?.getElementsByTagName('body');
21
+ if (bodyElements[0] == null)
19
22
  return;
20
- const el = containers[containers.length - 1];
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 || contentEl == null || documentEl == null)
32
+ if (anchorEl == null ||
33
+ contentEl == null ||
34
+ bodyEl == null ||
35
+ documentEl == null)
33
36
  return;
34
- const { right: containerRight, bottom: containerBottom } = documentEl.getBoundingClientRect();
35
- const { height: anchorHeight } = anchorEl.getBoundingClientRect();
36
- const anchorTop = anchorEl.offsetTop;
37
- const anchorLeft = anchorEl.offsetLeft;
38
- const { width: contentWidth, height: contentHeight } = contentEl.getBoundingClientRect();
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 visibleTop = isOverFlowingBottom
53
- ? anchorTop - contentHeight - verticalOffset
54
- : top;
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 (documentEl == null) {
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
- event.stopPropagation();
83
- handleClose();
84
- }, children: _jsx("div", { className: 'seam-menu-content', style: {
85
- top,
86
- left,
87
- }, children: children }) }), documentEl), _jsx("div", { className: 'seam-menu-shadow', children: _jsx("div", { className: 'seam-menu-content', ref: setContentEl, children: children }) })] }));
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);
@@ -1 +1 @@
1
- {"version":3,"file":"Menu.js","sourceRoot":"","sources":["../../../src/lib/ui/Menu/Menu.tsx"],"names":[],"mappings":"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"}
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, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
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, {}), _jsx("span", { className: 'seam-status-text', children: `${t.full}${percentage ?? ''}` })] }));
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, {}), _jsx("span", { className: 'seam-status-text', children: `${t.high}${percentage ?? ''}` })] }));
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, {}), _jsx("span", { className: 'seam-status-text', children: `${t.low}${percentage ?? ''}` })] }));
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, {}), _jsx("span", { className: 'seam-text-danger', children: `${t.critical}${percentage ?? ''}` })] }));
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,MAAM,UAAU,GAAG,KAAK,IAAI,IAAI,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAA;IAE1E,IAAI,MAAM,KAAK,MAAM,EAAE;QACrB,OAAO,CACL,8BACE,KAAC,oBAAoB,KAAG,EACxB,eAAM,SAAS,EAAC,kBAAkB,YAAE,GAAG,CAAC,CAAC,IAAI,GAC3C,UAAU,IAAI,EAChB,EAAE,GAAQ,IACT,CACJ,CAAA;KACF;IAED,IAAI,MAAM,KAAK,MAAM,EAAE;QACrB,OAAO,CACL,8BACE,KAAC,oBAAoB,KAAG,EACxB,eAAM,SAAS,EAAC,kBAAkB,YAAE,GAAG,CAAC,CAAC,IAAI,GAC3C,UAAU,IAAI,EAChB,EAAE,GAAQ,IACT,CACJ,CAAA;KACF;IAED,IAAI,MAAM,KAAK,KAAK,EAAE;QACpB,OAAO,CACL,8BACE,KAAC,mBAAmB,KAAG,EACvB,eAAM,SAAS,EAAC,kBAAkB,YAAE,GAAG,CAAC,CAAC,GAAG,GAC1C,UAAU,IAAI,EAChB,EAAE,GAAQ,IACT,CACJ,CAAA;KACF;IAED,IAAI,MAAM,KAAK,UAAU,EAAE;QACzB,OAAO,CACL,8BACE,KAAC,wBAAwB,KAAG,EAC5B,eAAM,SAAS,EAAC,kBAAkB,YAAE,GAAG,CAAC,CAAC,QAAQ,GAC/C,UAAU,IAAI,EAChB,EAAE,GAAQ,IACT,CACJ,CAAA;KACF;IAED,OAAO,IAAI,CAAA;AACb,CAAC;AAED,MAAM,CAAC,GAAG;IACR,IAAI,EAAE,MAAM;IACZ,IAAI,EAAE,MAAM;IACZ,GAAG,EAAE,KAAK;IACV,QAAQ,EAAE,MAAM;CACjB,CAAA"}
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(mode) }), _jsx(ChevronDownIcon, {})] })), verticalOffset: -180, horizontalOffset: -32, backgroundProps: {
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(m), isSelected: mode === m, onClick: () => {
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(mode) {
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,YAChD,QAAQ,CAAC,IAAI,CAAC,GACX,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,QAAQ,CAAC,CAAC,CAAC,EACjB,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,IAAqB;IACrC,QAAQ,IAAI,EAAE;QACZ,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
+ {"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"}
@@ -0,0 +1,2 @@
1
+ import { DateTime } from 'luxon';
2
+ export declare function useNow(): DateTime;
@@ -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 useCurrentTime() {
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-current-time.js.map
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.0";
1
+ declare const seamapiReactVersion = "1.61.2";
2
2
  export default seamapiReactVersion;
package/lib/version.js CHANGED
@@ -1,3 +1,3 @@
1
- const seamapiReactVersion = '1.61.0';
1
+ const seamapiReactVersion = '1.61.2';
2
2
  export default seamapiReactVersion;
3
3
  //# sourceMappingURL=version.js.map
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@seamapi/react",
3
- "version": "1.61.0",
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.14.0",
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",