@seamapi/react 1.5.1 → 1.7.0

package/lib/ui/SupportedDeviceTable/SupportedDeviceContent.js

@@ -1,46 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useQuery } from '@tanstack/react-query';
-import { useState } from 'react';
-import { Button } from '../../../lib/ui/Button.js';
-import { SupportedDeviceFilterArea } from '../../../lib/ui/SupportedDeviceTable/SupportedDeviceFilterArea.js';
-import { SupportedDeviceHeader } from './SupportedDeviceHeader.js';
-import { SupportedDeviceRow } from './SupportedDeviceRow.js';
-export function SupportedDeviceContent({ cannotFilter = false, }) {
-    const [filterValue, setFilterValue] = useState('');
-    const [filters, setFilters] = useState({
-        supportedOnly: false,
-        category: null,
-        brand: null,
-    });
-    const { data: deviceModels, isLoading, isError, refetch, } = useQuery({
-        queryKey: ['supported_devices', filterValue, filters],
-        queryFn: async () => {
-            const url = new URL('https://devicedb.seam.co/api/device_models/list');
-            if (filterValue.trim() !== '') {
-                url.searchParams.set('text_search', filterValue.trim());
-            }
-            if (filters.supportedOnly) {
-                url.searchParams.set('support_level', 'live');
-            }
-            if (filters.category !== null) {
-                url.searchParams.set('main_category', filters.category);
-            }
-            if (filters.brand !== null) {
-                url.searchParams.set('brand', filters.brand);
-            }
-            const res = await fetch(url);
-            if (!res.ok) {
-                throw new Error('Failed to load device models');
-            }
-            const data = await res.json();
-            return data?.device_models ?? [];
-        },
-    });
-    return (_jsxs("div", { className: 'seam-supported-device-table-content-wrap', children: [!cannotFilter && (_jsx(SupportedDeviceFilterArea, { deviceModels: deviceModels ?? [], filterValue: filterValue, setFilterValue: setFilterValue, filters: filters, setFilters: setFilters })), isLoading && (_jsx("div", { className: 'seam-supported-device-table-content-state-block', children: _jsx("p", { children: "Loading device models..." }) })), isError && (_jsxs("div", { className: 'seam-supported-device-table-content-state-block', children: [_jsx("p", { children: "There was an error fetching device models." }), _jsx(Button, { variant: 'solid', size: 'small', onClick: () => {
-                            void refetch();
-                        }, children: "Retry" })] })), !isLoading && !isError && deviceModels !== null && (_jsxs("table", { className: 'seam-supported-device-table-content', children: [_jsx(SupportedDeviceHeader, {}), _jsxs("tbody", { children: [deviceModels.length !== 0 &&
-                                deviceModels.map((deviceModel, index) => (_jsx(SupportedDeviceRow, { deviceModel: deviceModel }, `${index}:${deviceModel.manufacturer_model_id}`))), deviceModels.length === 0 && (_jsx("tr", { className: 'seam-supported-device-table-content-message-row', children: _jsx("td", { colSpan: 6, children: _jsx("div", { className: 'seam-supported-device-table-content-message', children: filterValue.length === 0 ? (_jsx("p", { children: "No device models found." })) : (_jsxs(_Fragment, { children: [_jsx("p", { children: "No device models matched your search." }), _jsx(Button, { variant: 'outline', size: 'small', onClick: () => {
-                                                        setFilterValue('');
-                                                    }, className: 'seam-supported-device-table-content-message-clear-search', children: "Clear search terms" })] })) }) }) }))] })] }))] }));
-}
-//# sourceMappingURL=SupportedDeviceContent.js.map

package/lib/ui/SupportedDeviceTable/SupportedDeviceContent.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SupportedDeviceContent.js","sourceRoot":"","sources":["../../../src/lib/ui/SupportedDeviceTable/SupportedDeviceContent.tsx"],"names":[],"mappings":"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"}

package/lib/ui/SupportedDeviceTable/SupportedDeviceFilterArea.d.ts

@@ -1,11 +0,0 @@
-import type { Dispatch, SetStateAction } from 'react';
-import type { DeviceModel, Filters } from '../../../lib/ui/SupportedDeviceTable/types.js';
-interface SupportedDeviceFilterAreaProps {
-    deviceModels: DeviceModel[];
-    filterValue: string;
-    setFilterValue: (filter: string) => void;
-    filters: Filters;
-    setFilters: Dispatch<SetStateAction<Filters>>;
-}
-export declare function SupportedDeviceFilterArea({ deviceModels, filterValue, setFilterValue, filters, setFilters, }: SupportedDeviceFilterAreaProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/lib/ui/SupportedDeviceTable/SupportedDeviceFilterArea.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SupportedDeviceFilterArea.js","sourceRoot":"","sources":["../../../src/lib/ui/SupportedDeviceTable/SupportedDeviceFilterArea.tsx"],"names":[],"mappings":"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"}

package/lib/ui/SupportedDeviceTable/SupportedDeviceHeader.d.ts

@@ -1 +0,0 @@
-export declare function SupportedDeviceHeader(): import("react/jsx-runtime").JSX.Element;

package/lib/ui/SupportedDeviceTable/SupportedDeviceHeader.js

@@ -1,5 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export function SupportedDeviceHeader() {
-    return (_jsx("thead", { children: _jsxs("tr", { children: [_jsx("th", {}), _jsx("th", { children: "Category" }), _jsx("th", { children: "Model Name" }), _jsx("th", { children: "Manufacturer Model ID" }), _jsx("th", { children: "Connection Type" }), _jsx("th", { children: "Status" })] }) }));
-}
-//# sourceMappingURL=SupportedDeviceHeader.js.map

package/lib/ui/SupportedDeviceTable/SupportedDeviceHeader.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SupportedDeviceHeader.js","sourceRoot":"","sources":["../../../src/lib/ui/SupportedDeviceTable/SupportedDeviceHeader.tsx"],"names":[],"mappings":";AAAA,MAAM,UAAU,qBAAqB;IACnC,OAAO,CACL,0BACE,yBACE,cAAM,EACN,oCAAiB,EACjB,sCAAmB,EACnB,iDAA8B,EAC9B,2CAAwB,EACxB,kCAAe,IACZ,GACC,CACT,CAAA;AACH,CAAC"}

package/lib/ui/SupportedDeviceTable/SupportedDeviceRow.d.ts

@@ -1,5 +0,0 @@
-import type { DeviceModel } from '../../../lib/ui/SupportedDeviceTable/types.js';
-export interface SupportedDeviceRowProps {
-    deviceModel: DeviceModel;
-}
-export declare function SupportedDeviceRow({ deviceModel }: SupportedDeviceRowProps): import("react/jsx-runtime").JSX.Element;

package/lib/ui/SupportedDeviceTable/SupportedDeviceRow.js

@@ -1,12 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import classNames from 'classnames';
-export function SupportedDeviceRow({ deviceModel }) {
-    const statusColor = supportLevelColors[deviceModel.support_level] ?? 'gray';
-    return (_jsxs("tr", { children: [_jsx("td", { children: _jsx("img", { width: 40, src: deviceModel.icon_url }) }), _jsx("td", { children: deviceModel.main_category }), _jsx("td", { children: deviceModel.model_name }), _jsx("td", { children: deviceModel.manufacturer_model_id }), _jsx("td", { children: deviceModel.connection_type }), _jsx("td", { children: _jsx("div", { className: classNames('seam-status-pill', `status-${statusColor}`), children: _jsx("span", { children: deviceModel.support_level }) }) })] }));
-}
-const supportLevelColors = {
-    Live: 'green',
-    Beta: 'blue',
-    Unsupported: 'orange',
-};
-//# sourceMappingURL=SupportedDeviceRow.js.map

package/lib/ui/SupportedDeviceTable/SupportedDeviceRow.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SupportedDeviceRow.js","sourceRoot":"","sources":["../../../src/lib/ui/SupportedDeviceTable/SupportedDeviceRow.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAA;AAQnC,MAAM,UAAU,kBAAkB,CAAC,EAAE,WAAW,EAA2B;IACzE,MAAM,WAAW,GAAG,kBAAkB,CAAC,WAAW,CAAC,aAAa,CAAC,IAAI,MAAM,CAAA;IAC3E,OAAO,CACL,yBACE,uBACE,cAAK,KAAK,EAAE,EAAE,EAAE,GAAG,EAAE,WAAW,CAAC,QAAQ,GAAI,GAC1C,EACL,uBAAK,WAAW,CAAC,aAAa,GAAM,EACpC,uBAAK,WAAW,CAAC,UAAU,GAAM,EACjC,uBAAK,WAAW,CAAC,qBAAqB,GAAM,EAC5C,uBAAK,WAAW,CAAC,eAAe,GAAM,EACtC,uBACE,cACE,SAAS,EAAE,UAAU,CAAC,kBAAkB,EAAE,UAAU,WAAW,EAAE,CAAC,YAElE,yBAAO,WAAW,CAAC,aAAa,GAAQ,GACpC,GACH,IACF,CACN,CAAA;AACH,CAAC;AAED,MAAM,kBAAkB,GAAG;IACzB,IAAI,EAAE,OAAO;IACb,IAAI,EAAE,MAAM;IACZ,WAAW,EAAE,QAAQ;CACtB,CAAA"}

package/lib/ui/SupportedDeviceTable/SupportedDeviceTable.d.ts

@@ -1,3 +0,0 @@
-import type { SupportedDeviceContentProps } from '../../../lib/ui/SupportedDeviceTable/SupportedDeviceContent.js';
-export type SupportedDeviceTableProps = SupportedDeviceContentProps;
-export declare function SupportedDeviceTable(props: SupportedDeviceContentProps): import("react/jsx-runtime").JSX.Element;

package/lib/ui/SupportedDeviceTable/SupportedDeviceTable.js

@@ -1,8 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
-import { SupportedDeviceContent } from '../../../lib/ui/SupportedDeviceTable/SupportedDeviceContent.js';
-const client = new QueryClient();
-export function SupportedDeviceTable(props) {
-    return (_jsx(QueryClientProvider, { client: client, children: _jsx(SupportedDeviceContent, { ...props }) }));
-}
-//# sourceMappingURL=SupportedDeviceTable.js.map

package/lib/ui/SupportedDeviceTable/SupportedDeviceTable.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SupportedDeviceTable.js","sourceRoot":"","sources":["../../../src/lib/ui/SupportedDeviceTable/SupportedDeviceTable.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAGxE,OAAO,EAAE,sBAAsB,EAAE,MAAM,uDAAuD,CAAA;AAE9F,MAAM,MAAM,GAAG,IAAI,WAAW,EAAE,CAAA;AAIhC,MAAM,UAAU,oBAAoB,CAAC,KAAkC;IACrE,OAAO,CACL,KAAC,mBAAmB,IAAC,MAAM,EAAE,MAAM,YACjC,KAAC,sBAAsB,OAAK,KAAK,GAAI,GACjB,CACvB,CAAA;AACH,CAAC"}

package/lib/ui/SupportedDeviceTable/types.d.ts

@@ -1,15 +0,0 @@
-export interface DeviceModel {
-    main_category: string;
-    model_name: string;
-    manufacturer_model_id: string;
-    connection_type: string;
-    support_level: 'Live' | 'Beta' | 'Unsupported';
-    brand: string;
-    icon_url: string;
-    seam_device_model_page_url: string;
-}
-export interface Filters {
-    supportedOnly: boolean;
-    category: string | null;
-    brand: string | null;
-}

package/lib/ui/SupportedDeviceTable/types.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=types.js.map

package/lib/ui/SupportedDeviceTable/types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/lib/ui/SupportedDeviceTable/types.ts"],"names":[],"mappings":""}

package/lib/ui/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/lib/ui/index.ts"],"names":[],"mappings":"AAAA,cAAc,0CAA0C,CAAA;AACxD,cAAc,sCAAsC,CAAA;AACpD,cAAc,kCAAkC,CAAA;AAChD,cAAc,8BAA8B,CAAA;AAC5C,cAAc,gDAAgD,CAAA"}

package/lib/use-interval.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-interval.js","sourceRoot":"","sources":["../src/lib/use-interval.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAChC,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAE9C,MAAM,YAAY,GAAG,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,cAAc,CAAC,CAAA;AAE3E,MAAM,UAAU,WAAW,CACzB,QAAoB,EACpB,QAAgB,YAAY;IAE5B,MAAM,MAAM,GAAG,WAAW,CAAC,GAAG,EAAE;QAC9B,QAAQ,EAAE,CAAA;IACZ,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEd,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,KAAK,GAAG,UAAU,CAAC,WAAW,CAAC,MAAM,EAAE,KAAK,CAAC,CAAA;QACnD,OAAO,GAAG,EAAE;YACV,UAAU,CAAC,aAAa,CAAC,KAAK,CAAC,CAAA;QACjC,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC,CAAA;AACrB,CAAC"}

package/lib/use-is-date-in-past.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-is-date-in-past.js","sourceRoot":"","sources":["../src/lib/use-is-date-in-past.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAChC,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAExD,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAE/C,MAAM,UAAU,eAAe,CAC7B,IAA+B;IAE/B,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAiB,IAAI,CAAC,CAAA;IAEtE,MAAM,MAAM,GAAG,WAAW,CAAC,GAAG,EAAE;QAC9B,IAAI,IAAI,IAAI,IAAI;YAAE,OAAM;QACxB,eAAe,CAAC,QAAQ,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAA;IACnD,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAA;IAEV,SAAS,CAAC,MAAM,EAAE,CAAC,MAAM,CAAC,CAAC,CAAA;IAC3B,WAAW,CAAC,MAAM,CAAC,CAAA;IAEnB,OAAO,YAAY,CAAA;AACrB,CAAC;AAED,MAAM,QAAQ,GAAG,CAAC,EAAY,EAAkB,EAAE;IAChD,IAAI,CAAC,EAAE,CAAC,OAAO;QAAE,OAAO,IAAI,CAAA;IAC5B,OAAO,EAAE,CAAC,OAAO,EAAE,CAAC,YAAY,GAAG,CAAC,CAAA;AACtC,CAAC,CAAA"}

package/lib/use-toggle.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-toggle.js","sourceRoot":"","sources":["../src/lib/use-toggle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAE7C;;GAEG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,CACvB,eAAwB,KAAK,EACN,EAAE;IACzB,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,YAAY,CAAC,CAAA;IAElD,uEAAuE;IAEvE,MAAM,MAAM,GAAG,WAAW,CAAC,GAAG,EAAE;QAC9B,SAAS,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,MAAM,CAAC,CAAA;IAChC,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;IAEf,OAAO,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;AACzB,CAAC,CAAA"}

package/src/lib/copy-to-clipboard.ts

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

package/src/lib/ui/SupportedDeviceTable/SupportedDeviceContent.tsx

@@ -1,135 +0,0 @@
-import { useQuery } from '@tanstack/react-query'
-import { useState } from 'react'
-
-import { Button } from 'lib/ui/Button.js'
-import { SupportedDeviceFilterArea } from 'lib/ui/SupportedDeviceTable/SupportedDeviceFilterArea.js'
-import type { DeviceModel, Filters } from 'lib/ui/SupportedDeviceTable/types.js'
-
-import { SupportedDeviceHeader } from './SupportedDeviceHeader.js'
-import { SupportedDeviceRow } from './SupportedDeviceRow.js'
-
-export interface SupportedDeviceContentProps {
-  cannotFilter?: boolean
-}
-
-export function SupportedDeviceContent({
-  cannotFilter = false,
-}: SupportedDeviceContentProps) {
-  const [filterValue, setFilterValue] = useState('')
-  const [filters, setFilters] = useState<Filters>({
-    supportedOnly: false,
-    category: null,
-    brand: null,
-  })
-
-  const {
-    data: deviceModels,
-    isLoading,
-    isError,
-    refetch,
-  } = useQuery<DeviceModel[]>({
-    queryKey: ['supported_devices', filterValue, filters],
-    queryFn: async () => {
-      const url = new URL('https://devicedb.seam.co/api/device_models/list')
-
-      if (filterValue.trim() !== '') {
-        url.searchParams.set('text_search', filterValue.trim())
-      }
-
-      if (filters.supportedOnly) {
-        url.searchParams.set('support_level', 'live')
-      }
-
-      if (filters.category !== null) {
-        url.searchParams.set('main_category', filters.category)
-      }
-
-      if (filters.brand !== null) {
-        url.searchParams.set('brand', filters.brand)
-      }
-
-      const res = await fetch(url)
-      if (!res.ok) {
-        throw new Error('Failed to load device models')
-      }
-      const data = await res.json()
-      return data?.device_models ?? []
-    },
-  })
-
-  return (
-    <div className='seam-supported-device-table-content-wrap'>
-      {!cannotFilter && (
-        <SupportedDeviceFilterArea
-          deviceModels={deviceModels ?? []}
-          filterValue={filterValue}
-          setFilterValue={setFilterValue}
-          filters={filters}
-          setFilters={setFilters}
-        />
-      )}
-
-      {isLoading && (
-        <div className='seam-supported-device-table-content-state-block'>
-          <p>Loading device models...</p>
-        </div>
-      )}
-
-      {isError && (
-        <div className='seam-supported-device-table-content-state-block'>
-          <p>There was an error fetching device models.</p>
-          <Button
-            variant='solid'
-            size='small'
-            onClick={() => {
-              void refetch()
-            }}
-          >
-            Retry
-          </Button>
-        </div>
-      )}
-
-      {!isLoading && !isError && deviceModels !== null && (
-        <table className='seam-supported-device-table-content'>
-          <SupportedDeviceHeader />
-          <tbody>
-            {deviceModels.length !== 0 &&
-              deviceModels.map((deviceModel, index) => (
-                <SupportedDeviceRow
-                  key={`${index}:${deviceModel.manufacturer_model_id}`}
-                  deviceModel={deviceModel}
-                />
-              ))}
-
-            {deviceModels.length === 0 && (
-              <tr className='seam-supported-device-table-content-message-row'>
-                <td colSpan={6}>
-                  <div className='seam-supported-device-table-content-message'>
-                    {filterValue.length === 0 ? (
-                      <p>No device models found.</p>
-                    ) : (
-                      <>
-                        <p>No device models matched your search.</p>
-                        <Button
-                          variant='outline'
-                          size='small'
-                          onClick={() => {
-                            setFilterValue('')
-                          }}
-                          className='seam-supported-device-table-content-message-clear-search'
-                        >
-                          Clear search terms
-                        </Button>
-                      </>
-                    )}
-                  </div>
-                </td>
-              </tr>
-            )}
-          </tbody>
-        </table>
-      )}
-    </div>
-  )
-}

package/src/lib/ui/SupportedDeviceTable/SupportedDeviceHeader.tsx

@@ -1,14 +0,0 @@
-export function SupportedDeviceHeader() {
-  return (
-    <thead>
-      <tr>
-        <th />
-        <th>Category</th>
-        <th>Model Name</th>
-        <th>Manufacturer Model ID</th>
-        <th>Connection Type</th>
-        <th>Status</th>
-      </tr>
-    </thead>
-  )
-}

package/src/lib/ui/SupportedDeviceTable/SupportedDeviceRow.tsx

@@ -1,35 +0,0 @@
-import classNames from 'classnames'
-
-import type { DeviceModel } from 'lib/ui/SupportedDeviceTable/types.js'
-
-export interface SupportedDeviceRowProps {
-  deviceModel: DeviceModel
-}
-
-export function SupportedDeviceRow({ deviceModel }: SupportedDeviceRowProps) {
-  const statusColor = supportLevelColors[deviceModel.support_level] ?? 'gray'
-  return (
-    <tr>
-      <td>
-        <img width={40} src={deviceModel.icon_url} />
-      </td>
-      <td>{deviceModel.main_category}</td>
-      <td>{deviceModel.model_name}</td>
-      <td>{deviceModel.manufacturer_model_id}</td>
-      <td>{deviceModel.connection_type}</td>
-      <td>
-        <div
-          className={classNames('seam-status-pill', `status-${statusColor}`)}
-        >
-          <span>{deviceModel.support_level}</span>
-        </div>
-      </td>
-    </tr>
-  )
-}
-
-const supportLevelColors = {
-  Live: 'green',
-  Beta: 'blue',
-  Unsupported: 'orange',
-}

package/src/lib/ui/SupportedDeviceTable/SupportedDeviceTable.tsx

@@ -1,16 +0,0 @@
-import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
-
-import type { SupportedDeviceContentProps } from 'lib/ui/SupportedDeviceTable/SupportedDeviceContent.js'
-import { SupportedDeviceContent } from 'lib/ui/SupportedDeviceTable/SupportedDeviceContent.js'
-
-const client = new QueryClient()
-
-export type SupportedDeviceTableProps = SupportedDeviceContentProps
-
-export function SupportedDeviceTable(props: SupportedDeviceContentProps) {
-  return (
-    <QueryClientProvider client={client}>
-      <SupportedDeviceContent {...props} />
-    </QueryClientProvider>
-  )
-}

package/src/lib/ui/SupportedDeviceTable/types.ts

@@ -1,16 +0,0 @@
-export interface DeviceModel {
-  main_category: string
-  model_name: string
-  manufacturer_model_id: string
-  connection_type: string
-  support_level: 'Live' | 'Beta' | 'Unsupported'
-  brand: string
-  icon_url: string
-  seam_device_model_page_url: string
-}
-
-export interface Filters {
-  supportedOnly: boolean
-  category: string | null
-  brand: string | null
-}