@seamapi/react 1.12.0 → 1.14.0

package/dist/elements.js

@@ -8077,7 +8077,7 @@ const mm = "https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;60
     const n = globalThis.document.createElement("link");
     n.rel = "stylesheet", n.type = "text/css", n.href = mm, globalThis.document.head.appendChild(n);
   }, [t]);
-}, NE = "1.12.0", HE = "https://react.seam.co", DE = ({
+}, NE = "1.14.0", HE = "https://react.seam.co", DE = ({
   disabled: t = !1,
   unminified: e = !1
 }) => {
@@ -24640,56 +24640,64 @@ function wT(t) {
 }
 function ET({
   deviceIds: t,
-  onBack: e,
-  className: n
+  onDeviceClick: e = () => {
+  },
+  preventDefaultOnDeviceClick: n = !1,
+  onBack: r,
+  className: i
 } = {}) {
-  const { devices: r, isLoading: i, isError: o, error: s } = wT({
+  const { devices: o, isLoading: s, isError: l, error: c } = wT({
     device_ids: t
-  }), [l, c] = k.useState(null), [a, u] = k.useState("");
-  if (l != null)
+  }), [a, u] = k.useState(null), [p, d] = k.useState(""), f = k.useCallback(
+    (b) => {
+      e(b), !n && u(b);
+    },
+    [e, n, u]
+  );
+  if (a != null)
     return /* @__PURE__ */ v.jsx(
       Wf,
       {
-        className: n,
-        deviceId: l,
+        className: i,
+        deviceId: a,
         onBack: () => {
-          c(null);
+          u(null);
         }
       }
     );
-  if (i)
-    return /* @__PURE__ */ v.jsx("p", { className: n, children: "..." });
-  if (o)
-    return /* @__PURE__ */ v.jsx("p", { className: n, children: s == null ? void 0 : s.message });
-  if (r == null)
+  if (s)
+    return /* @__PURE__ */ v.jsx("p", { className: i, children: "..." });
+  if (l)
+    return /* @__PURE__ */ v.jsx("p", { className: i, children: c == null ? void 0 : c.message });
+  if (o == null)
     return null;
-  const p = r.length, d = r.filter((f) => a === "" ? !0 : new RegExp(a, "i").test(f.properties.name));
-  return /* @__PURE__ */ v.jsxs("div", { className: Re("seam-device-table", n), children: [
-    /* @__PURE__ */ v.jsx(nd, { onBack: e }),
+  const h = o.length, g = o.filter((b) => p === "" ? !0 : new RegExp(p, "i").test(b.properties.name));
+  return /* @__PURE__ */ v.jsxs("div", { className: Re("seam-device-table", i), children: [
+    /* @__PURE__ */ v.jsx(nd, { onBack: r }),
     /* @__PURE__ */ v.jsxs(M1, { children: [
       /* @__PURE__ */ v.jsxs(j1, { children: [
         H1.devices,
         " ",
         /* @__PURE__ */ v.jsxs(z1, { children: [
           "(",
-          p,
+          h,
           ")"
         ] })
       ] }),
       /* @__PURE__ */ v.jsx(
         Qf,
         {
-          value: a,
-          onChange: u,
-          disabled: p === 0
+          value: p,
+          onChange: d,
+          disabled: h === 0
         }
       )
     ] }),
-    /* @__PURE__ */ v.jsx(x1, { children: /* @__PURE__ */ v.jsx(OT, { devices: d, selectDevice: c }) })
+    /* @__PURE__ */ v.jsx(x1, { children: /* @__PURE__ */ v.jsx(OT, { devices: g, onDeviceClick: f }) })
   ] });
 }
 function OT(t) {
-  const { devices: e, selectDevice: n } = t, [r, i] = k.useState(null);
+  const { devices: e, onDeviceClick: n } = t, [r, i] = k.useState(null);
   if (e.length === 0)
     return /* @__PURE__ */ v.jsx(C1, { children: H1.noDevicesMessage });
   const o = e.filter((s) => r === null ? !0 : r === "device_issues" ? s.errors.length > 0 : !0);
@@ -24719,6 +24727,9 @@ const H1 = {
   unknownLock: "Unknown Lock",
   noDevicesMessage: "Sorry, no devices were found"
 }, IT = "seam-device-table", CT = {
+  deviceIds: "json",
+  onDeviceClick: "function",
+  preventDefaultOnDeviceClick: "boolean",
   onBack: "function",
   className: "string"
 }, xT = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({