@seamapi/react 0.16.1 → 0.17.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (196) hide show
  1. package/README.md +5 -2
  2. package/index.css +294 -69
  3. package/index.css.map +1 -1
  4. package/index.min.css +1 -1
  5. package/index.min.css.map +1 -1
  6. package/lib/NavigationProvider.d.ts +27 -0
  7. package/lib/NavigationProvider.js +36 -0
  8. package/lib/NavigationProvider.js.map +1 -0
  9. package/lib/NavigationView.d.ts +5 -0
  10. package/lib/NavigationView.js +25 -0
  11. package/lib/NavigationView.js.map +1 -0
  12. package/lib/icons/LockLocked.d.ts +2 -0
  13. package/lib/icons/LockLocked.js +5 -0
  14. package/lib/icons/LockLocked.js.map +1 -0
  15. package/lib/icons/LockUnlocked.d.ts +2 -0
  16. package/lib/icons/LockUnlocked.js +5 -0
  17. package/lib/icons/LockUnlocked.js.map +1 -0
  18. package/lib/seam/access-codes/use-access-code.d.ts +8 -0
  19. package/lib/seam/access-codes/use-access-code.js +32 -0
  20. package/lib/seam/access-codes/use-access-code.js.map +1 -0
  21. package/lib/seam/access-codes/use-access-codes.d.ts +9 -0
  22. package/lib/seam/access-codes/use-access-codes.js +18 -0
  23. package/lib/seam/access-codes/use-access-codes.js.map +1 -0
  24. package/lib/seam/devices/types.d.ts +2 -0
  25. package/lib/seam/devices/types.js +2 -0
  26. package/lib/seam/devices/types.js.map +1 -0
  27. package/lib/seam/devices/use-device.d.ts +9 -0
  28. package/lib/seam/devices/use-device.js +56 -0
  29. package/lib/seam/devices/use-device.js.map +1 -0
  30. package/lib/seam/devices/use-devices.d.ts +4 -9
  31. package/lib/seam/devices/use-devices.js +2 -1
  32. package/lib/seam/devices/use-devices.js.map +1 -1
  33. package/lib/seam/index.d.ts +4 -1
  34. package/lib/seam/index.js +4 -1
  35. package/lib/seam/index.js.map +1 -1
  36. package/lib/seam/use-seam-client.js +3 -3
  37. package/lib/seam/use-seam-client.js.map +1 -1
  38. package/lib/seam/use-seam-query-result.js.map +1 -0
  39. package/lib/ui/AccessCodeDetails/AccessCodeDetails.d.ts +4 -0
  40. package/lib/ui/AccessCodeDetails/AccessCodeDetails.js +63 -0
  41. package/lib/ui/AccessCodeDetails/AccessCodeDetails.js.map +1 -0
  42. package/lib/ui/AccessCodeDetails/AccessCodeDevice.d.ts +3 -0
  43. package/lib/ui/AccessCodeDetails/AccessCodeDevice.js +25 -0
  44. package/lib/ui/AccessCodeDetails/AccessCodeDevice.js.map +1 -0
  45. package/lib/ui/AccessCodeTable/AccessCodeTable.d.ts +0 -1
  46. package/lib/ui/AccessCodeTable/AccessCodeTable.js +14 -4
  47. package/lib/ui/AccessCodeTable/AccessCodeTable.js.map +1 -1
  48. package/lib/ui/AccessCodeTable/AccessCodeTableContent.d.ts +0 -1
  49. package/lib/ui/AccessCodeTable/AccessCodeTableContent.js +7 -3
  50. package/lib/ui/AccessCodeTable/AccessCodeTableContent.js.map +1 -1
  51. package/lib/ui/AccessCodeTable/CodeDetails.js +1 -1
  52. package/lib/ui/AccessCodeTable/CodeDetails.js.map +1 -1
  53. package/lib/ui/Button.d.ts +8 -0
  54. package/lib/ui/Button.js +8 -0
  55. package/lib/ui/Button.js.map +1 -0
  56. package/lib/ui/DeviceDetails/DeviceDetails.d.ts +2 -3
  57. package/lib/ui/DeviceDetails/DeviceDetails.js +31 -13
  58. package/lib/ui/DeviceDetails/DeviceDetails.js.map +1 -1
  59. package/lib/ui/DeviceDetails/DeviceModel.d.ts +7 -0
  60. package/lib/ui/DeviceDetails/DeviceModel.js +18 -0
  61. package/lib/ui/DeviceDetails/DeviceModel.js.map +1 -0
  62. package/lib/ui/DeviceTable/DeviceTable.d.ts +7 -0
  63. package/lib/ui/DeviceTable/DeviceTable.js +43 -0
  64. package/lib/ui/DeviceTable/DeviceTable.js.map +1 -0
  65. package/lib/ui/IconButton.js +1 -1
  66. package/lib/ui/IconButton.js.map +1 -1
  67. package/lib/ui/Table/TableRow.d.ts +3 -1
  68. package/lib/ui/Table/TableRow.js +1 -1
  69. package/lib/ui/Table/TableRow.js.map +1 -1
  70. package/lib/ui/TextButton.d.ts +7 -0
  71. package/lib/ui/TextButton.js +5 -0
  72. package/lib/ui/TextButton.js.map +1 -0
  73. package/lib/ui/TextField/SearchTextField.d.ts +1 -1
  74. package/lib/ui/TextField/SearchTextField.js +1 -1
  75. package/lib/ui/TextField/SearchTextField.js.map +1 -1
  76. package/lib/ui/device/BatteryStatus.d.ts +5 -0
  77. package/lib/ui/{DeviceDetails → device}/BatteryStatus.js +5 -6
  78. package/lib/ui/device/BatteryStatus.js.map +1 -0
  79. package/lib/ui/{DeviceDetails → device}/DeviceImage.d.ts +2 -1
  80. package/lib/ui/{DeviceDetails → device}/DeviceImage.js +2 -2
  81. package/lib/ui/device/DeviceImage.js.map +1 -0
  82. package/lib/ui/device/LockStatus.d.ts +5 -0
  83. package/lib/ui/device/LockStatus.js +19 -0
  84. package/lib/ui/device/LockStatus.js.map +1 -0
  85. package/lib/ui/device/OnlineStatus.d.ts +5 -0
  86. package/lib/ui/{DeviceDetails → device}/OnlineStatus.js +4 -5
  87. package/lib/ui/device/OnlineStatus.js.map +1 -0
  88. package/lib/ui/index.d.ts +3 -1
  89. package/lib/ui/index.js +3 -1
  90. package/lib/ui/index.js.map +1 -1
  91. package/lib/ui/layout/ContentHeader.d.ts +1 -2
  92. package/lib/ui/layout/ContentHeader.js +7 -1
  93. package/lib/ui/layout/ContentHeader.js.map +1 -1
  94. package/package.json +4 -3
  95. package/src/icons/lock-locked.svg +8 -0
  96. package/src/icons/lock-unlocked.svg +9 -0
  97. package/src/lib/NavigationProvider.tsx +86 -0
  98. package/src/lib/NavigationView.tsx +32 -0
  99. package/src/lib/icons/LockLocked.tsx +32 -0
  100. package/src/lib/icons/LockUnlocked.tsx +34 -0
  101. package/src/lib/seam/access-codes/use-access-code.ts +45 -0
  102. package/src/lib/seam/access-codes/use-access-codes.ts +39 -0
  103. package/src/lib/seam/devices/types.ts +5 -0
  104. package/src/lib/seam/devices/use-device.ts +79 -0
  105. package/src/lib/seam/devices/use-devices.ts +13 -8
  106. package/src/lib/seam/index.ts +4 -1
  107. package/src/lib/seam/use-seam-client.ts +3 -3
  108. package/src/lib/ui/AccessCodeDetails/AccessCodeDetails.tsx +144 -0
  109. package/src/lib/ui/AccessCodeDetails/AccessCodeDevice.tsx +43 -0
  110. package/src/lib/ui/AccessCodeTable/AccessCodeTable.tsx +20 -16
  111. package/src/lib/ui/AccessCodeTable/AccessCodeTableContent.tsx +7 -11
  112. package/src/lib/ui/AccessCodeTable/CodeDetails.tsx +1 -1
  113. package/src/lib/ui/Button.tsx +26 -0
  114. package/src/lib/ui/DeviceDetails/DeviceDetails.tsx +54 -28
  115. package/src/lib/ui/DeviceDetails/DeviceModel.tsx +34 -0
  116. package/src/lib/ui/DeviceTable/DeviceTable.tsx +94 -0
  117. package/src/lib/ui/IconButton.tsx +1 -1
  118. package/src/lib/ui/Table/TableRow.tsx +8 -2
  119. package/src/lib/ui/TextButton.tsx +15 -0
  120. package/src/lib/ui/TextField/SearchTextField.tsx +1 -1
  121. package/src/lib/ui/{DeviceDetails → device}/BatteryStatus.tsx +12 -14
  122. package/src/lib/ui/device/DeviceImage.tsx +15 -0
  123. package/src/lib/ui/device/LockStatus.tsx +46 -0
  124. package/src/lib/ui/{DeviceDetails → device}/OnlineStatus.tsx +15 -11
  125. package/src/lib/ui/index.ts +3 -1
  126. package/src/lib/ui/layout/ContentHeader.tsx +11 -6
  127. package/src/styles/_access-code-details.scss +121 -0
  128. package/src/styles/_access-code-table.scss +34 -38
  129. package/src/styles/_buttons.scss +125 -8
  130. package/src/styles/_colors.scss +30 -0
  131. package/src/styles/_device-details.scss +21 -10
  132. package/src/styles/_device-table.scss +63 -0
  133. package/src/styles/_icons.scss +9 -0
  134. package/src/styles/_inputs.scss +3 -1
  135. package/src/styles/_layout.scss +5 -1
  136. package/src/styles/_main.scss +8 -14
  137. package/src/styles/_tables.scss +6 -0
  138. package/src/styles/_typography.scss +18 -2
  139. package/lib/hooks/use-access-codes.d.ts +0 -5
  140. package/lib/hooks/use-access-codes.js +0 -16
  141. package/lib/hooks/use-access-codes.js.map +0 -1
  142. package/lib/hooks/use-device.d.ts +0 -5
  143. package/lib/hooks/use-device.js +0 -17
  144. package/lib/hooks/use-device.js.map +0 -1
  145. package/lib/hooks/use-devices.d.ts +0 -1
  146. package/lib/hooks/use-devices.js +0 -2
  147. package/lib/hooks/use-devices.js.map +0 -1
  148. package/lib/hooks/use-seam-client.d.ts +0 -1
  149. package/lib/hooks/use-seam-client.js +0 -2
  150. package/lib/hooks/use-seam-client.js.map +0 -1
  151. package/lib/seam/devices/index.d.ts +0 -1
  152. package/lib/seam/devices/index.js +0 -2
  153. package/lib/seam/devices/index.js.map +0 -1
  154. package/lib/types/use-seam-query-result.js.map +0 -1
  155. package/lib/ui/AccessCodeTable/index.d.ts +0 -2
  156. package/lib/ui/AccessCodeTable/index.js +0 -3
  157. package/lib/ui/AccessCodeTable/index.js.map +0 -1
  158. package/lib/ui/DeviceDetails/BatteryStatus.d.ts +0 -4
  159. package/lib/ui/DeviceDetails/BatteryStatus.js.map +0 -1
  160. package/lib/ui/DeviceDetails/DeviceImage.js.map +0 -1
  161. package/lib/ui/DeviceDetails/ModelStatus.d.ts +0 -4
  162. package/lib/ui/DeviceDetails/ModelStatus.js +0 -13
  163. package/lib/ui/DeviceDetails/ModelStatus.js.map +0 -1
  164. package/lib/ui/DeviceDetails/OnlineStatus.d.ts +0 -4
  165. package/lib/ui/DeviceDetails/OnlineStatus.js.map +0 -1
  166. package/lib/ui/DeviceDetails/index.d.ts +0 -5
  167. package/lib/ui/DeviceDetails/index.js +0 -6
  168. package/lib/ui/DeviceDetails/index.js.map +0 -1
  169. package/lib/ui/DeviceManager/DeviceManager.d.ts +0 -6
  170. package/lib/ui/DeviceManager/DeviceManager.js +0 -24
  171. package/lib/ui/DeviceManager/DeviceManager.js.map +0 -1
  172. package/lib/ui/DeviceManager/index.d.ts +0 -1
  173. package/lib/ui/DeviceManager/index.js +0 -2
  174. package/lib/ui/DeviceManager/index.js.map +0 -1
  175. package/lib/ui/Table/index.d.ts +0 -5
  176. package/lib/ui/Table/index.js +0 -6
  177. package/lib/ui/Table/index.js.map +0 -1
  178. package/lib/ui/TextField/index.d.ts +0 -2
  179. package/lib/ui/TextField/index.js +0 -3
  180. package/lib/ui/TextField/index.js.map +0 -1
  181. package/src/lib/hooks/use-access-codes.ts +0 -21
  182. package/src/lib/hooks/use-device.ts +0 -26
  183. package/src/lib/hooks/use-devices.ts +0 -1
  184. package/src/lib/hooks/use-seam-client.ts +0 -1
  185. package/src/lib/seam/devices/index.ts +0 -1
  186. package/src/lib/ui/AccessCodeTable/index.ts +0 -2
  187. package/src/lib/ui/DeviceDetails/DeviceImage.tsx +0 -12
  188. package/src/lib/ui/DeviceDetails/ModelStatus.tsx +0 -25
  189. package/src/lib/ui/DeviceDetails/index.ts +0 -5
  190. package/src/lib/ui/DeviceManager/DeviceManager.tsx +0 -52
  191. package/src/lib/ui/DeviceManager/index.ts +0 -1
  192. package/src/lib/ui/Table/index.ts +0 -5
  193. package/src/lib/ui/TextField/index.ts +0 -2
  194. /package/lib/{types → seam}/use-seam-query-result.d.ts +0 -0
  195. /package/lib/{types → seam}/use-seam-query-result.js +0 -0
  196. /package/src/lib/{types → seam}/use-seam-query-result.ts +0 -0
@@ -1 +0,0 @@
1
- {"version":3,"file":"BatteryStatus.js","sourceRoot":"","sources":["../../../src/lib/ui/DeviceDetails/BatteryStatus.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,wBAAwB,EAAE,MAAM,mCAAmC,CAAA;AAC5E,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAA;AACpE,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAA;AACpE,OAAO,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAA;AAElE,MAAM,UAAU,aAAa,CAAC,KAE7B;IACC,MAAM,EACJ,MAAM,EAAE,EACN,UAAU,EAAE,EAAE,aAAa,EAAE,YAAY,EAAE,GAC5C,GACF,GAAG,KAAK,CAAA;IAET,IAAI,YAAY,IAAI,IAAI,EAAE;QACxB,OAAO,IAAI,CAAA;KACZ;IAED,OAAO,CACL,8BACE,gBAAM,SAAS,EAAC,YAAY,aAAE,CAAC,CAAC,KAAK,SAAS,EAAC,GAAG,EAClD,cAAK,SAAS,EAAC,qBAAqB,YAClC,KAAC,MAAM,IAAC,YAAY,EAAE,YAAY,GAAI,GAClC,IACL,CACJ,CAAA;AACH,CAAC;AAED,SAAS,MAAM,CAAC,KAA+B;IAC7C,MAAM,EAAE,YAAY,EAAE,GAAG,KAAK,CAAA;IAE9B,IAAI,YAAY,GAAG,gBAAgB,CAAC,IAAI,EAAE;QACxC,OAAO,CACL,8BACE,KAAC,oBAAoB,KAAG,EACxB,eAAM,SAAS,EAAC,kBAAkB,YAAE,CAAC,CAAC,IAAI,GAAQ,IACjD,CACJ,CAAA;KACF;IAED,IAAI,YAAY,GAAG,gBAAgB,CAAC,IAAI,EAAE;QACxC,OAAO,CACL,8BACE,KAAC,oBAAoB,KAAG,EACxB,eAAM,SAAS,EAAC,kBAAkB,YAAE,CAAC,CAAC,IAAI,GAAQ,IACjD,CACJ,CAAA;KACF;IAED,IAAI,YAAY,GAAG,gBAAgB,CAAC,GAAG,EAAE;QACvC,OAAO,CACL,8BACE,KAAC,mBAAmB,KAAG,EACvB,eAAM,SAAS,EAAC,kBAAkB,YAAE,CAAC,CAAC,GAAG,GAAQ,IAChD,CACJ,CAAA;KACF;IAED,OAAO,CACL,8BACE,KAAC,wBAAwB,KAAG,EAC5B,eAAM,SAAS,EAAC,kBAAkB,YAAE,CAAC,CAAC,QAAQ,GAAQ,IACrD,CACJ,CAAA;AACH,CAAC;AAED,MAAM,gBAAgB,GAAG;IACvB,IAAI,EAAE,IAAI;IACV,IAAI,EAAE,GAAG;IACT,GAAG,EAAE,GAAG;CACT,CAAA;AAED,MAAM,CAAC,GAAG;IACR,KAAK,EAAE,OAAO;IACd,IAAI,EAAE,MAAM;IACZ,IAAI,EAAE,MAAM;IACZ,GAAG,EAAE,KAAK;IACV,QAAQ,EAAE,MAAM;CACjB,CAAA"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"DeviceImage.js","sourceRoot":"","sources":["../../../src/lib/ui/DeviceDetails/DeviceImage.tsx"],"names":[],"mappings":";AAEA,MAAM,UAAU,WAAW,CAAC,KAA6B;IACvD,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,CAAA;IAExB,MAAM,GAAG,GAAG,MAAM,CAAC,UAAU,CAAC,SAAS,IAAI,gBAAgB,CAAA;IAE3D,OAAO,cAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,CAAC,UAAU,CAAC,IAAI,GAAI,CAAA;AACvD,CAAC;AAED,MAAM,gBAAgB,GACpB,oEAAoE,CAAA"}
@@ -1,4 +0,0 @@
1
- import type { LockDevice } from 'seamapi';
2
- export declare function ModelStatus(props: {
3
- device: LockDevice;
4
- }): JSX.Element | null;
@@ -1,13 +0,0 @@
1
- import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
2
- export function ModelStatus(props) {
3
- const { device: { properties }, } = props;
4
- const model = properties?.august_metadata?.model ?? properties?.schlage_metadata?.model;
5
- if (model == null) {
6
- return null;
7
- }
8
- return (_jsxs(_Fragment, { children: [_jsxs("span", { className: 'seam-label', children: [t.model, ":"] }), ' ', _jsx("div", { className: 'seam-device-model', children: model })] }));
9
- }
10
- const t = {
11
- model: 'Model',
12
- };
13
- //# sourceMappingURL=ModelStatus.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ModelStatus.js","sourceRoot":"","sources":["../../../src/lib/ui/DeviceDetails/ModelStatus.tsx"],"names":[],"mappings":";AAEA,MAAM,UAAU,WAAW,CAAC,KAA6B;IACvD,MAAM,EACJ,MAAM,EAAE,EAAE,UAAU,EAAE,GACvB,GAAG,KAAK,CAAA;IAET,MAAM,KAAK,GACT,UAAU,EAAE,eAAe,EAAE,KAAK,IAAI,UAAU,EAAE,gBAAgB,EAAE,KAAK,CAAA;IAE3E,IAAI,KAAK,IAAI,IAAI,EAAE;QACjB,OAAO,IAAI,CAAA;KACZ;IAED,OAAO,CACL,8BACE,gBAAM,SAAS,EAAC,YAAY,aAAE,CAAC,CAAC,KAAK,SAAS,EAAC,GAAG,EAClD,cAAK,SAAS,EAAC,mBAAmB,YAAE,KAAK,GAAO,IAC/C,CACJ,CAAA;AACH,CAAC;AAED,MAAM,CAAC,GAAG;IACR,KAAK,EAAE,OAAO;CACf,CAAA"}
@@ -1,4 +0,0 @@
1
- import type { LockDevice } from 'seamapi';
2
- export declare function OnlineStatus(props: {
3
- device: LockDevice;
4
- }): JSX.Element;
@@ -1 +0,0 @@
1
- {"version":3,"file":"OnlineStatus.js","sourceRoot":"","sources":["../../../src/lib/ui/DeviceDetails/OnlineStatus.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,6BAA6B,EAAE,MAAM,wCAAwC,CAAA;AACtF,OAAO,EAAE,sBAAsB,EAAE,MAAM,iCAAiC,CAAA;AAExE,MAAM,UAAU,YAAY,CAAC,KAA6B;IACxD,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,CAAA;IACxB,OAAO,CACL,8BACE,gBAAM,SAAS,EAAC,YAAY,aAAE,CAAC,CAAC,MAAM,SAAS,EAAC,GAAG,EACnD,cAAK,SAAS,EAAC,oBAAoB,YACjC,KAAC,MAAM,IAAC,QAAQ,EAAE,MAAM,CAAC,UAAU,CAAC,MAAM,GAAI,GAC1C,IACL,CACJ,CAAA;AACH,CAAC;AAED,SAAS,MAAM,CAAC,KAA4B;IAC1C,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAA;IAE1B,IAAI,QAAQ,EAAE;QACZ,OAAO,CACL,8BACE,KAAC,sBAAsB,KAAG,EAC1B,eAAM,SAAS,EAAC,kBAAkB,YAAE,CAAC,CAAC,MAAM,GAAQ,IACnD,CACJ,CAAA;KACF;IAED,yCAAyC;IAEzC,OAAO,CACL,8BACE,KAAC,6BAA6B,KAAG,EACjC,eAAM,SAAS,EAAC,kBAAkB,YAAE,CAAC,CAAC,aAAa,GAAQ,IAC1D,CACJ,CAAA;AACH,CAAC;AAED,MAAM,CAAC,GAAG;IACR,MAAM,EAAE,QAAQ;IAChB,MAAM,EAAE,QAAQ;IAChB,aAAa,EAAE,gBAAgB;CAChC,CAAA"}
@@ -1,5 +0,0 @@
1
- export * from './BatteryStatus.js';
2
- export * from './DeviceDetails.js';
3
- export * from './DeviceImage.js';
4
- export * from './ModelStatus.js';
5
- export * from './OnlineStatus.js';
@@ -1,6 +0,0 @@
1
- export * from './BatteryStatus.js';
2
- export * from './DeviceDetails.js';
3
- export * from './DeviceImage.js';
4
- export * from './ModelStatus.js';
5
- export * from './OnlineStatus.js';
6
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/lib/ui/DeviceDetails/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAA;AAClC,cAAc,oBAAoB,CAAA;AAClC,cAAc,kBAAkB,CAAA;AAChC,cAAc,kBAAkB,CAAA;AAChC,cAAc,mBAAmB,CAAA"}
@@ -1,6 +0,0 @@
1
- import { type UseDevicesParams } from '../../../lib/seam/devices/use-devices.js';
2
- export type DeviceManagerProps = UseDevicesParams;
3
- /**
4
- * Fetch, list, and manage devices.
5
- */
6
- export declare const DeviceManager: (props: DeviceManagerProps) => JSX.Element;
@@ -1,24 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { useDevices, } from '../../../lib/seam/devices/use-devices.js';
3
- /**
4
- * Fetch, list, and manage devices.
5
- */
6
- export const DeviceManager = (props) => {
7
- const { devices, isLoading, isError, error } = useDevices(props);
8
- if (isLoading)
9
- return _jsx("p", { role: 'loading', children: t.loading });
10
- if (isError)
11
- return _jsx("p", { children: error?.message });
12
- return (_jsx("ul", { children: devices
13
- ?.sort((a, b) => new Date(a.created_at).getTime() - new Date(b.created_at).getTime())
14
- ?.map((device) => (_jsx(DeviceManagerItem, { ...device }, device.device_id))) }));
15
- };
16
- const DeviceManagerItem = (props) => {
17
- return (_jsxs("li", { children: [_jsxs("p", { children: [t.device_id, ": ", props.device_id] }), _jsxs("p", { children: [t.name, ": ", props.properties.name] })] }));
18
- };
19
- const t = {
20
- loading: 'Loading devices',
21
- device_id: 'Device ID',
22
- name: 'Device name',
23
- };
24
- //# sourceMappingURL=DeviceManager.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"DeviceManager.js","sourceRoot":"","sources":["../../../src/lib/ui/DeviceManager/DeviceManager.tsx"],"names":[],"mappings":";AAEA,OAAO,EACL,UAAU,GAEX,MAAM,iCAAiC,CAAA;AAIxC;;GAEG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,KAAyB,EAAe,EAAE;IACtE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,UAAU,CAAC,KAAK,CAAC,CAAA;IAEhE,IAAI,SAAS;QAAE,OAAO,YAAG,IAAI,EAAC,SAAS,YAAE,CAAC,CAAC,OAAO,GAAK,CAAA;IACvD,IAAI,OAAO;QAAE,OAAO,sBAAI,KAAK,EAAE,OAAO,GAAK,CAAA;IAE3C,OAAO,CACL,uBACG,OAAO;YACN,EAAE,IAAI,CACJ,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CACP,IAAI,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,OAAO,EAAE,GAAG,IAAI,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,OAAO,EAAE,CACtE;YACD,EAAE,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAChB,KAAC,iBAAiB,OAA4B,MAAM,IAA5B,MAAM,CAAC,SAAS,CAAgB,CACzD,CAAC,GACD,CACN,CAAA;AACH,CAAC,CAAA;AAED,MAAM,iBAAiB,GAAG,CACxB,KAAqC,EACxB,EAAE;IACf,OAAO,CACL,yBACE,wBACG,CAAC,CAAC,SAAS,QAAI,KAAK,CAAC,SAAS,IAC7B,EACJ,wBACG,CAAC,CAAC,IAAI,QAAI,KAAK,CAAC,UAAU,CAAC,IAAI,IAC9B,IACD,CACN,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,GAAG;IACR,OAAO,EAAE,iBAAiB;IAC1B,SAAS,EAAE,WAAW;IACtB,IAAI,EAAE,aAAa;CACpB,CAAA"}
@@ -1 +0,0 @@
1
- export * from './DeviceManager.js';
@@ -1,2 +0,0 @@
1
- export * from './DeviceManager.js';
2
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/lib/ui/DeviceManager/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAA"}
@@ -1,5 +0,0 @@
1
- export * from './TableBody.js';
2
- export * from './TableCell.js';
3
- export * from './TableHeader.js';
4
- export * from './TableRow.js';
5
- export * from './TableTitle.js';
@@ -1,6 +0,0 @@
1
- export * from './TableBody.js';
2
- export * from './TableCell.js';
3
- export * from './TableHeader.js';
4
- export * from './TableRow.js';
5
- export * from './TableTitle.js';
6
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/lib/ui/Table/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAA;AAC9B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,kBAAkB,CAAA;AAChC,cAAc,eAAe,CAAA;AAC7B,cAAc,iBAAiB,CAAA"}
@@ -1,2 +0,0 @@
1
- export * from './SearchTextField.js';
2
- export * from './TextField.js';
@@ -1,3 +0,0 @@
1
- export * from './SearchTextField.js';
2
- export * from './TextField.js';
3
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/lib/ui/TextField/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAA;AACpC,cAAc,gBAAgB,CAAA"}
@@ -1,21 +0,0 @@
1
- import { useQuery } from '@tanstack/react-query'
2
- import type { AccessCode, SeamError } from 'seamapi'
3
-
4
- import { useSeamClient } from 'lib/seam/use-seam-client.js'
5
- import type { UseSeamQueryResult } from 'lib/types/use-seam-query-result.js'
6
-
7
- export function useAccessCodes(params: {
8
- device_id: string
9
- }): UseSeamQueryResult<'accessCodes', AccessCode[]> {
10
- const { client } = useSeamClient()
11
- const { data, ...rest } = useQuery<any, SeamError>({
12
- enabled: client != null,
13
- queryKey: ['access_codes', 'list', params],
14
- queryFn: async () => {
15
- if (client == null) return []
16
- return await client?.accessCodes.list(params)
17
- },
18
- })
19
-
20
- return { ...rest, accessCodes: data }
21
- }
@@ -1,26 +0,0 @@
1
- import { useQuery } from '@tanstack/react-query'
2
- import type { Device, SeamError } from 'seamapi'
3
-
4
- import { useSeamClient } from 'lib/seam/use-seam-client.js'
5
- import type { UseSeamQueryResult } from 'lib/types/use-seam-query-result.js'
6
-
7
- export function useDevice(
8
- params:
9
- | {
10
- device_id: string
11
- }
12
- | string
13
- ): UseSeamQueryResult<'device', Device<any>> {
14
- const objParams = typeof params === 'string' ? { device_id: params } : params
15
- const { client } = useSeamClient()
16
- const { data, ...rest } = useQuery<any, SeamError>({
17
- enabled: client != null,
18
- queryKey: ['devices', 'get', params],
19
- queryFn: async () => {
20
- if (client == null) return []
21
- return await client?.devices.get(objParams)
22
- },
23
- })
24
-
25
- return { ...rest, device: data }
26
- }
@@ -1 +0,0 @@
1
- export { useDevices } from 'lib/seam/devices/use-devices.js'
@@ -1 +0,0 @@
1
- export { useSeamClient } from 'lib/seam/use-seam-client.js'
@@ -1 +0,0 @@
1
- export * from './use-devices.js'
@@ -1,2 +0,0 @@
1
- export * from './AccessCodeTable.js'
2
- export * from './CodeDetails.js'
@@ -1,12 +0,0 @@
1
- import type { LockDevice } from 'seamapi'
2
-
3
- export function DeviceImage(props: { device: LockDevice }): JSX.Element {
4
- const { device } = props
5
-
6
- const url = device.properties.image_url ?? fallbackImageUrl
7
-
8
- return <img src={url} alt={device.properties.name} />
9
- }
10
-
11
- const fallbackImageUrl =
12
- 'https://connect.getseam.com/assets/images/devices/unknown-lock.png'
@@ -1,25 +0,0 @@
1
- import type { LockDevice } from 'seamapi'
2
-
3
- export function ModelStatus(props: { device: LockDevice }): JSX.Element | null {
4
- const {
5
- device: { properties },
6
- } = props
7
-
8
- const model =
9
- properties?.august_metadata?.model ?? properties?.schlage_metadata?.model
10
-
11
- if (model == null) {
12
- return null
13
- }
14
-
15
- return (
16
- <>
17
- <span className='seam-label'>{t.model}:</span>{' '}
18
- <div className='seam-device-model'>{model}</div>
19
- </>
20
- )
21
- }
22
-
23
- const t = {
24
- model: 'Model',
25
- }
@@ -1,5 +0,0 @@
1
- export * from './BatteryStatus.js'
2
- export * from './DeviceDetails.js'
3
- export * from './DeviceImage.js'
4
- export * from './ModelStatus.js'
5
- export * from './OnlineStatus.js'
@@ -1,52 +0,0 @@
1
- import type { CommonDeviceProperties, Device } from 'seamapi'
2
-
3
- import {
4
- useDevices,
5
- type UseDevicesParams,
6
- } from 'lib/seam/devices/use-devices.js'
7
-
8
- export type DeviceManagerProps = UseDevicesParams
9
-
10
- /**
11
- * Fetch, list, and manage devices.
12
- */
13
- export const DeviceManager = (props: DeviceManagerProps): JSX.Element => {
14
- const { devices, isLoading, isError, error } = useDevices(props)
15
-
16
- if (isLoading) return <p role='loading'>{t.loading}</p>
17
- if (isError) return <p>{error?.message}</p>
18
-
19
- return (
20
- <ul>
21
- {devices
22
- ?.sort(
23
- (a, b) =>
24
- new Date(a.created_at).getTime() - new Date(b.created_at).getTime()
25
- )
26
- ?.map((device) => (
27
- <DeviceManagerItem key={device.device_id} {...device} />
28
- ))}
29
- </ul>
30
- )
31
- }
32
-
33
- const DeviceManagerItem = (
34
- props: Device<CommonDeviceProperties>
35
- ): JSX.Element => {
36
- return (
37
- <li>
38
- <p>
39
- {t.device_id}: {props.device_id}
40
- </p>
41
- <p>
42
- {t.name}: {props.properties.name}
43
- </p>
44
- </li>
45
- )
46
- }
47
-
48
- const t = {
49
- loading: 'Loading devices',
50
- device_id: 'Device ID',
51
- name: 'Device name',
52
- }
@@ -1 +0,0 @@
1
- export * from './DeviceManager.js'
@@ -1,5 +0,0 @@
1
- export * from './TableBody.js'
2
- export * from './TableCell.js'
3
- export * from './TableHeader.js'
4
- export * from './TableRow.js'
5
- export * from './TableTitle.js'
@@ -1,2 +0,0 @@
1
- export * from './SearchTextField.js'
2
- export * from './TextField.js'
File without changes
File without changes