@seamapi/react 0.26.0 → 0.26.1

package/src/lib/ui/Table/TableFilterBar/TableFilterBar.tsx

@@ -2,7 +2,7 @@ import { ArrowRestartIcon } from 'lib/icons/ArrowRestart.js'
 import { IconButton } from 'lib/ui/IconButton.js'
 import type { ButtonProps, DivProps } from 'lib/ui/types.js'
 
-export interface TableFiltersProps extends DivProps {
+interface TableFilterBarProps extends DivProps {
   isFilterCleared?: boolean
   onFilterClear?: () => void
 }
@@ -12,12 +12,14 @@ export function TableFilterBar({
   onFilterClear,
   children,
   ...props
-}: TableFiltersProps) {
+}: TableFilterBarProps) {
   const showClearFilterButton = isFilterCleared === false
   return (
     <div className='seam-table-filter-bar' {...props}>
       {children}{' '}
-      {showClearFilterButton && <ClearFiltersButton onClick={onFilterClear} />}
+      {showClearFilterButton ? (
+        <ClearFiltersButton onClick={onFilterClear} />
+      ) : null}
     </div>
   )
 }

package/src/lib/ui/Table/TableFilterBar/TableFilterItem.tsx

@@ -2,7 +2,7 @@ import classNames from 'classnames'
 
 import type { DivProps } from 'lib/ui/types.js'
 
-export interface TableFilterItemProps extends DivProps {
+interface TableFilterItemProps extends DivProps {
   selected?: boolean
 }
 
@@ -15,7 +15,7 @@ export function TableFilterItem({
     <div
       onClick={onClick}
       className={classNames('seam-table-filter-item', {
-        'seam-clickable': onClick !== undefined,
+        'seam-clickable': onClick != null,
         'seam-selected': selected,
       })}
       {...props}

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

@@ -21,6 +21,6 @@ export function TextField(props: TextFieldProps): JSX.Element {
 
 export const handleString =
   (setter: (v: string) => void) =>
-  (e: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>): void => {
-    setter(e.currentTarget.value)
+  (event: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>): void => {
+    setter(event.currentTarget.value)
   }

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

@@ -5,7 +5,7 @@ import { BatteryLevelFullIcon } from 'lib/icons/BatteryLevelFull.js'
 import { BatteryLevelHighIcon } from 'lib/icons/BatteryLevelHigh.js'
 import { BatteryLevelLowIcon } from 'lib/icons/BatteryLevelLow.js'
 
-export interface BatteryStatusProps {
+interface BatteryStatusProps {
   device: LockDevice
 }
 

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

@@ -3,7 +3,7 @@ import type { LockDevice } from 'seamapi'
 import { LockLockedIcon } from 'lib/icons/LockLocked.js'
 import { LockUnlockedIcon } from 'lib/icons/LockUnlocked.js'
 
-export interface LockStatusProps {
+interface LockStatusProps {
   device: LockDevice
 }
 

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

@@ -3,7 +3,7 @@ import type { LockDevice } from 'seamapi'
 import { OnlineStatusDeviceOfflineIcon } from 'lib/icons/OnlineStatusDeviceOffline.js'
 import { OnlineStatusOnlineIcon } from 'lib/icons/OnlineStatusOnline.js'
 
-export interface OnlineStatusProps {
+interface OnlineStatusProps {
   device: LockDevice
 }
 

package/src/lib/use-toggle.ts

@@ -3,7 +3,9 @@ import { useCallback, useState } from 'react'
 /**
  * Simple util to quickly handle on/off states.
  */
-const useToggle = (initialState: boolean = false): [boolean, () => void] => {
+export const useToggle = (
+  initialState: boolean = false
+): [boolean, () => void] => {
   const [isTrue, setIsTrue] = useState(initialState)
 
   // use callback otherwise it would yield unexpected results in promises
@@ -14,5 +16,3 @@ const useToggle = (initialState: boolean = false): [boolean, () => void] => {
 
   return [isTrue, toggle]
 }
-
-export default useToggle

package/src/styles/_supported-devices.scss

@@ -55,7 +55,6 @@ $row-padding: 8px;
       }
     }
 
-    // stylelint-disable-next-line no-descending-specificity
     tr {
       th:first-of-type,
       td:first-of-type {

package/lib/copy.d.ts

@@ -1 +0,0 @@
-export declare function copy(value: string): Promise<void>;

package/lib/copy.js

@@ -1,4 +0,0 @@
-export async function copy(value) {
-    await window.navigator.clipboard.writeText(value);
-}
-//# sourceMappingURL=copy.js.map

package/lib/copy.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"copy.js","sourceRoot":"","sources":["../src/lib/copy.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,KAAK,UAAU,IAAI,CAAC,KAAa;IACtC,MAAM,MAAM,CAAC,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,KAAK,CAAC,CAAA;AACnD,CAAC"}

package/src/lib/copy.ts

@@ -1,3 +0,0 @@
-export async function copy(value: string) {
-  await window.navigator.clipboard.writeText(value)
-}