@seamapi/react 4.8.0 → 4.8.2

package/src/lib/seam/thermostats/use-update-thermostat-climate-preset.ts

@@ -18,10 +18,8 @@ import { NullSeamClientError, useSeamClient } from 'lib/seam/use-seam-client.js'
 export type UseUpdateThermostatClimatePresetParams = never
 export type UseUpdateThermostatClimatePresetData = undefined
 
-export type UseUpdateThermostatClimatePresetVariables = Omit<
-  ThermostatsUpdateClimatePresetBody,
-  'manual_override_allowed'
->
+export type UseUpdateThermostatClimatePresetVariables =
+  ThermostatsUpdateClimatePresetBody
 
 export function useUpdateThermostatClimatePreset(): UseMutationResult<
   UseUpdateThermostatClimatePresetData,
@@ -38,7 +36,7 @@ export function useUpdateThermostatClimatePreset(): UseMutationResult<
   >({
     mutationFn: async (variables) => {
       if (client === null) throw new NullSeamClientError()
-      await client.thermostats.createClimatePreset(variables)
+      await client.thermostats.updateClimatePreset(variables)
     },
     onSuccess: (_data, variables) => {
       queryClient.setQueryData<ThermostatDevice | null>(
@@ -87,6 +85,7 @@ function getUpdatedDevice(
     display_name: variables.name ?? variables.climate_preset_key,
     can_delete: true,
     can_edit: true,
+    can_program: true,
     manual_override_allowed: true,
   }
 

package/src/lib/ui/Alert/Alert.tsx

@@ -49,7 +49,7 @@ function Action(props: ActionProps): JSX.Element | null {
 
   return (
     <div className='seam-alert-action-wrap'>
-      <button onClick={handleClick} className='seam-alert-action'>
+      <button type='button' onClick={handleClick} className='seam-alert-action'>
         {props.label}
       </button>
     </div>

package/src/lib/ui/IconButton.tsx

@@ -15,6 +15,7 @@ export function IconButton({
   return (
     <button
       {...props}
+      type='button'
       ref={elRef}
       className={classNames(
         'seam-icon-btn',

package/src/lib/ui/Snackbar/Snackbar.tsx

@@ -77,6 +77,7 @@ export function Snackbar({
         <div className='seam-snackbar-actions-wrap'>
           {action != null && (
             <button
+              type='button'
               className='seam-snackbar-action'
               onClick={handleActionClick}
             >
@@ -85,6 +86,7 @@ export function Snackbar({
           )}
           {!disableCloseButton && (
             <button
+              type='button'
               className='seam-snackbar-close-button'
               onClick={() => {
                 handleClose()

package/src/lib/ui/TabSet.tsx

@@ -102,6 +102,7 @@ function TabButton<TabType extends string>({
         'seam-tab-button',
         isActive && 'seam-tab-button-active'
       )}
+      type='button'
       onClick={handleClick}
     >
       <p className='seam-tab-button-label'>{title}</p>

package/src/lib/ui/TextButton.tsx

@@ -10,6 +10,10 @@ export function TextButton({
   ...buttonProps
 }: TextButtonProps): JSX.Element {
   return (
-    <button className={`seam-text-btn seam-color-${color}`} {...buttonProps} />
+    <button
+      type='button'
+      className={`seam-text-btn seam-color-${color}`}
+      {...buttonProps}
+    />
   )
 }

package/src/lib/ui/TextField/TextField.tsx

@@ -105,6 +105,7 @@ export const TextField = forwardRef<
           <div className='seam-adornment seam-end'>
             {clearable && (
               <button
+                type='button'
                 className={classNames({
                   'seam-hidden': valueIsEmpty,
                 })}

package/src/lib/ui/Tooltip/Tooltip.tsx

@@ -40,7 +40,11 @@ export function Tooltip({ children }: PropsWithChildren): JSX.Element {
   return (
     <div className='seam-tooltip'>
       <div className='seam-tooltip-trigger-wrap'>
-        <button onClick={handleToggle} className='seam-tooltip-button'>
+        <button
+          type='button'
+          onClick={handleToggle}
+          className='seam-tooltip-button'
+        >
           <div className='seam-tooltip-button-icon seam-tooltip-button-icon-default'>
             <InfoIcon />
           </div>

package/src/lib/ui/device/EditableDeviceName.tsx

@@ -171,6 +171,7 @@ function IconButton(
   return (
     <button
       {...props}
+      type='button'
       className={classNames(
         'seam-editable-device-name-icon-button',
         props.className

package/src/lib/ui/layout/AccordionRow.tsx

@@ -19,7 +19,11 @@ export function AccordionRow({
 
   return (
     <div className='seam-accordion-row' aria-expanded={isExpanded}>
-      <button className='seam-accordion-row-trigger' onClick={toggle}>
+      <button
+        type='button'
+        className='seam-accordion-row-trigger'
+        onClick={toggle}
+      >
         <div className='seam-row-inner-wrap'>
           <p className='seam-row-label'>{label}</p>
           <div className='seam-row-trigger-left-content'>{leftContent}</div>

package/src/lib/ui/thermostat/ClimateModeMenu.tsx

@@ -35,6 +35,7 @@ export function ClimateModeMenu({
     <Menu
       renderButton={({ onOpen }) => (
         <button
+          type='button'
           style={style}
           onClick={onOpen}
           className={classNames(

package/src/lib/ui/thermostat/ClimatePreset.tsx

@@ -359,6 +359,7 @@ function UpdateForm({
           cooling_set_point_celsius: fahrenheitToCelsius(values.coolPoint),
           heating_set_point_celsius: fahrenheitToCelsius(values.heatPoint),
           hvac_mode_setting: values.hvacMode,
+          manual_override_allowed: false, // deprecated but type still wants it.
         },
         { onSuccess: onComplete }
       )

package/src/lib/ui/thermostat/FanModeMenu.tsx

@@ -26,6 +26,7 @@ export function FanModeMenu({
     <Menu
       renderButton={({ onOpen }) => (
         <button
+          type='button'
           onClick={onOpen}
           className={classNames(
             'seam-fan-mode-menu-button',

package/src/lib/ui/thermostat/TemperatureControl.tsx

@@ -30,7 +30,11 @@ export function TemperatureControl({
 
   return (
     <div className='seam-temperature-control'>
-      <button className='seam-temperature-stepper-button' onClick={decrement}>
+      <button
+        type='button'
+        className='seam-temperature-stepper-button'
+        onClick={decrement}
+      >
         <TemperatureSubtractIcon />
       </button>
       <RangeSlider
@@ -43,7 +47,11 @@ export function TemperatureControl({
         }}
         unit={unit}
       />
-      <button className='seam-temperature-stepper-button' onClick={increment}>
+      <button
+        type='button'
+        className='seam-temperature-stepper-button'
+        onClick={increment}
+      >
         <TemperatureAddIcon />
       </button>
     </div>

package/src/lib/ui/thermostat/ThermostatCard.tsx

@@ -65,6 +65,7 @@ function Content(props: ThermostatCardProps): JSX.Element | null {
             onEdit={props.onEditName}
           />
           <button
+            type='button'
             onClick={toggleTemperatureUnit}
             className='seam-thermostat-temperature-toggle'
           >

package/src/lib/version.ts

@@ -1,3 +1,3 @@
-const seamapiReactVersion = '4.8.0'
+const seamapiReactVersion = '4.8.2'
 
 export default seamapiReactVersion