@seamapi/react 2.5.1 → 2.6.0

package/src/lib/seam/components/SupportedDeviceTable/SupportedDeviceTable.tsx

@@ -15,6 +15,8 @@ export interface SupportedDeviceTableProps extends CommonProps {
   disableFilter?: boolean
   manufacturers?: string[] | null
   excludedManufacturers?: string[]
+  includeIf?: string[] | null
+  excludeIf?: string[]
 }
 
 export const NestedSupportedDeviceTable =
@@ -24,6 +26,8 @@ export function SupportedDeviceTable({
   disableFilter = false,
   manufacturers = null,
   excludedManufacturers = [],
+  includeIf = null,
+  excludeIf = [],
   className,
 }: SupportedDeviceTableProps = {}): JSX.Element {
   useComponentTelemetry('SupportedDeviceTable')
@@ -59,6 +63,8 @@ export function SupportedDeviceTable({
         filters={filters}
         manufacturers={manufacturers}
         excludedManufacturers={excludedManufacturers}
+        includeIf={includeIf}
+        excludeIf={excludeIf}
       />
     </div>
   )

package/src/lib/seam/components/SupportedDeviceTable/use-device-model.ts

@@ -37,7 +37,11 @@ export function useDeviceModel(
     },
   })
 
-  return { ...rest, deviceModel: data }
+  return {
+    ...rest,
+    // @ts-expect-error: Upstream mismatch between type and route type.
+    deviceModel: data,
+  }
 }
 
 type DeviceModelsGetParams = RouteRequestParams<'/v1/device_models/get'>

package/src/lib/seam/components/SupportedDeviceTable/use-device-models.ts

@@ -49,7 +49,11 @@ export function useDeviceModels(
     },
   })
 
-  return { ...rest, deviceModels: data }
+  return {
+    ...rest,
+    // @ts-expect-error: Upstream mismatch between type and route type.
+    deviceModels: data,
+  }
 }
 
 type DeviceModelsListParams = RouteRequestParams<'/v1/device_models/list'>

package/src/lib/seam/components/SupportedDeviceTable/use-filtered-device-models.ts

@@ -13,17 +13,30 @@ export interface DeviceModelFilters {
 export const useFilteredDeviceModels = ({
   filterValue,
   filters,
+  includeIf,
+  excludeIf,
   ...manufacturersParams
 }: {
   filterValue: string
   filters: DeviceModelFilters
   manufacturers: string[] | null
   excludedManufacturers: string[]
+  includeIf: string[] | null
+  excludeIf: string[]
 }): ReturnType<typeof useDeviceModels> => {
   const { manufacturers } = useFilteredManufacturers(manufacturersParams)
 
   const params: UseDeviceModelsParams = {}
 
+  if (excludeIf.length > 0) {
+    params.exclude_if = excludeIf
+  }
+
+  // UPSTREAM: API does not parse zero-length arrays correctly.
+  if (includeIf != null && includeIf.length > 0) {
+    params.include_if = includeIf
+  }
+
   if (filterValue.trim() !== '') {
     params.text_search = filterValue.trim()
   }
@@ -50,13 +63,17 @@ export const useFilteredDeviceModels = ({
 
   return {
     ...rest,
-    deviceModels: deviceModels?.filter(
-      (deviceModel) =>
-        manufacturers?.some(
-          (manufacturer) =>
-            deviceModel.manufacturer.manufacturer_id ===
-            manufacturer.manufacturer_id
-        )
-    ),
+    deviceModels:
+      // UPSTREAM: API does not parse zero-length arrays correctly.
+      includeIf?.length === 0
+        ? []
+        : deviceModels?.filter(
+            (deviceModel) =>
+              manufacturers?.some(
+                (manufacturer) =>
+                  deviceModel.manufacturer.manufacturer_id ===
+                  manufacturer.manufacturer_id
+              )
+          ),
   }
 }

package/src/lib/version.ts

@@ -1,3 +1,3 @@
-const seamapiReactVersion = '2.5.1'
+const seamapiReactVersion = '2.6.0'
 
 export default seamapiReactVersion