@seamapi/react 0.16.1 → 0.18.0

package/src/lib/hooks/use-devices.ts

@@ -1 +0,0 @@
-export { useDevices } from 'lib/seam/devices/use-devices.js'

package/src/lib/hooks/use-seam-client.ts

@@ -1 +0,0 @@
-export { useSeamClient } from 'lib/seam/use-seam-client.js'

package/src/lib/seam/devices/index.ts

@@ -1 +0,0 @@
-export * from './use-devices.js'

package/src/lib/ui/AccessCodeTable/index.ts

@@ -1,2 +0,0 @@
-export * from './AccessCodeTable.js'
-export * from './CodeDetails.js'

package/src/lib/ui/DeviceDetails/DeviceImage.tsx

@@ -1,12 +0,0 @@
-import type { LockDevice } from 'seamapi'
-
-export function DeviceImage(props: { device: LockDevice }): JSX.Element {
-  const { device } = props
-
-  const url = device.properties.image_url ?? fallbackImageUrl
-
-  return <img src={url} alt={device.properties.name} />
-}
-
-const fallbackImageUrl =
-  'https://connect.getseam.com/assets/images/devices/unknown-lock.png'

package/src/lib/ui/DeviceDetails/ModelStatus.tsx

@@ -1,25 +0,0 @@
-import type { LockDevice } from 'seamapi'
-
-export function ModelStatus(props: { device: LockDevice }): JSX.Element | null {
-  const {
-    device: { properties },
-  } = props
-
-  const model =
-    properties?.august_metadata?.model ?? properties?.schlage_metadata?.model
-
-  if (model == null) {
-    return null
-  }
-
-  return (
-    <>
-      <span className='seam-label'>{t.model}:</span>{' '}
-      <div className='seam-device-model'>{model}</div>
-    </>
-  )
-}
-
-const t = {
-  model: 'Model',
-}

package/src/lib/ui/DeviceDetails/index.ts

@@ -1,5 +0,0 @@
-export * from './BatteryStatus.js'
-export * from './DeviceDetails.js'
-export * from './DeviceImage.js'
-export * from './ModelStatus.js'
-export * from './OnlineStatus.js'

package/src/lib/ui/DeviceManager/DeviceManager.tsx

@@ -1,52 +0,0 @@
-import type { CommonDeviceProperties, Device } from 'seamapi'
-
-import {
-  useDevices,
-  type UseDevicesParams,
-} from 'lib/seam/devices/use-devices.js'
-
-export type DeviceManagerProps = UseDevicesParams
-
-/**
- * Fetch, list, and manage devices.
- */
-export const DeviceManager = (props: DeviceManagerProps): JSX.Element => {
-  const { devices, isLoading, isError, error } = useDevices(props)
-
-  if (isLoading) return <p role='loading'>{t.loading}</p>
-  if (isError) return <p>{error?.message}</p>
-
-  return (
-    <ul>
-      {devices
-        ?.sort(
-          (a, b) =>
-            new Date(a.created_at).getTime() - new Date(b.created_at).getTime()
-        )
-        ?.map((device) => (
-          <DeviceManagerItem key={device.device_id} {...device} />
-        ))}
-    </ul>
-  )
-}
-
-const DeviceManagerItem = (
-  props: Device<CommonDeviceProperties>
-): JSX.Element => {
-  return (
-    <li>
-      <p>
-        {t.device_id}: {props.device_id}
-      </p>
-      <p>
-        {t.name}: {props.properties.name}
-      </p>
-    </li>
-  )
-}
-
-const t = {
-  loading: 'Loading devices',
-  device_id: 'Device ID',
-  name: 'Device name',
-}

package/src/lib/ui/DeviceManager/index.ts

@@ -1 +0,0 @@
-export * from './DeviceManager.js'

package/src/lib/ui/Table/index.ts

@@ -1,5 +0,0 @@
-export * from './TableBody.js'
-export * from './TableCell.js'
-export * from './TableHeader.js'
-export * from './TableRow.js'
-export * from './TableTitle.js'

package/src/lib/ui/TextField/index.ts

@@ -1,2 +0,0 @@
-export * from './SearchTextField.js'
-export * from './TextField.js'