@seamapi/react 1.43.0 → 1.44.0

package/lib/seam/components/AccessCodeTable/AccessCodeTable.js

@@ -2,34 +2,24 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import classNames from 'classnames';
 import { useCallback, useMemo, useState } from 'react';
 import { compareByCreatedAtDesc } from '../../../../lib/dates.js';
-import { AccessCodeKeyIcon } from '../../../../lib/icons/AccessCodeKey.js';
 import { AddIcon } from '../../../../lib/icons/Add.js';
-import { CopyIcon } from '../../../../lib/icons/Copy.js';
-import { ExclamationCircleOutlineIcon } from '../../../../lib/icons/ExclamationCircleOutline.js';
-import { TriangleWarningOutlineIcon } from '../../../../lib/icons/TriangleWarningOutline.js';
 import { useAccessCodes, } from '../../../../lib/seam/access-codes/use-access-codes.js';
 import { AccessCodeDetails } from '../../../../lib/seam/components/AccessCodeDetails/AccessCodeDetails.js';
 import { AccessCodeHealthBar, } from '../../../../lib/seam/components/AccessCodeTable/AccessCodeHealthBar.js';
-import { CodeDetails } from '../../../../lib/seam/components/AccessCodeTable/CodeDetails.js';
+import { AccessCodeRow } from '../../../../lib/seam/components/AccessCodeTable/AccessCodeRow.js';
 import { CreateAccessCodeForm } from '../../../../lib/seam/components/CreateAccessCodeForm/CreateAccessCodeForm.js';
 import { EditAccessCodeForm } from '../../../../lib/seam/components/EditAccessCodeForm/EditAccessCodeForm.js';
-import { copyToClipboard } from '../../../../lib/ui/clipboard.js';
 import { IconButton } from '../../../../lib/ui/IconButton.js';
 import { ContentHeader } from '../../../../lib/ui/layout/ContentHeader.js';
-import { MenuItem } from '../../../../lib/ui/Menu/MenuItem.js';
-import { MoreActionsMenu } from '../../../../lib/ui/Menu/MoreActionsMenu.js';
 import { EmptyPlaceholder } from '../../../../lib/ui/Table/EmptyPlaceholder.js';
 import { TableBody } from '../../../../lib/ui/Table/TableBody.js';
-import { TableCell } from '../../../../lib/ui/Table/TableCell.js';
 import { TableHeader } from '../../../../lib/ui/Table/TableHeader.js';
-import { TableRow } from '../../../../lib/ui/Table/TableRow.js';
 import { TableTitle } from '../../../../lib/ui/Table/TableTitle.js';
 import { SearchTextField } from '../../../../lib/ui/TextField/SearchTextField.js';
 import { Caption } from '../../../../lib/ui/typography/Caption.js';
-import { Title } from '../../../../lib/ui/typography/Title.js';
 import { useToggle } from '../../../../lib/ui/use-toggle.js';
 const disableCreateAccessCode = true;
-const disableEditAccessCode = false;
+const disableEditAccessCode = true;
 const defaultAccessCodeFilter = (accessCode, searchInputValue) => {
     const value = searchInputValue.trim();
     if (value === '')
@@ -38,7 +28,7 @@ const defaultAccessCodeFilter = (accessCode, searchInputValue) => {
     return (searchRegex.test(accessCode?.name ?? '') ||
         searchRegex.test(accessCode?.code ?? ''));
 };
-export function AccessCodeTable({ deviceId, disableLockUnlock = false, disableSearch = false, onAccessCodeClick = () => { }, preventDefaultOnAccessCodeClick = false, onBack, accessCodeFilter = defaultAccessCodeFilter, accessCodeComparator = compareByCreatedAtDesc, heading = t.accessCodes, title = t.accessCodes, className, }) {
+export function AccessCodeTable({ deviceId, disableLockUnlock = false, disableSearch = false, onAccessCodeClick = () => { }, preventDefaultOnAccessCodeClick = false, onBack, accessCodeFilter = defaultAccessCodeFilter, accessCodeComparator = compareByCreatedAtDesc, heading = t.accessCodes, title = t.accessCodes, className, disableDeleteAccessCode = false, }) {
     const { accessCodes } = useAccessCodes({
         device_id: deviceId,
     });
@@ -72,15 +62,15 @@ export function AccessCodeTable({ deviceId, disableLockUnlock = false, disableSe
                 setSelectedViewAccessCodeId(null);
             }, disableLockUnlock: disableLockUnlock, onEdit: () => {
                 setSelectedEditAccessCodeId(selectedViewAccessCodeId);
-            } }));
+            }, disableDeleteAccessCode: disableDeleteAccessCode }));
     }
     if (addAccessCodeFormVisible) {
         return (_jsx(CreateAccessCodeForm, { className: className, onBack: toggleAddAccessCodeForm, deviceId: deviceId }));
     }
-    return (_jsxs("div", { className: classNames('seam-access-code-table', className), children: [_jsx(ContentHeader, { onBack: onBack }), _jsxs(TableHeader, { children: [_jsxs("div", { className: 'seam-left', children: [title != null ? (_jsxs(TableTitle, { children: [heading ?? title ?? t.accessCodes, ' ', _jsxs(Caption, { children: ["(", filteredAccessCodes.length, ")"] })] })) : (_jsx("div", { className: 'seam-fragment' })), !disableCreateAccessCode && (_jsx(IconButton, { onClick: toggleAddAccessCodeForm, className: 'seam-add-access-code-button', children: _jsx(AddIcon, {}) }))] }), !disableSearch && (_jsx(SearchTextField, { value: searchInputValue, onChange: setSearchInputValue, disabled: (accessCodes?.length ?? 0) === 0 }))] }), _jsx(TableBody, { children: _jsx(Content, { accessCodes: filteredAccessCodes, onAccessCodeClick: handleAccessCodeClick, onAccessCodeEdit: handleAccessCodeEdit, disableEditAccessCode: disableEditAccessCode }) })] }));
+    return (_jsxs("div", { className: classNames('seam-access-code-table', className), children: [_jsx(ContentHeader, { onBack: onBack }), _jsxs(TableHeader, { children: [_jsxs("div", { className: 'seam-left', children: [title != null ? (_jsxs(TableTitle, { children: [heading ?? title ?? t.accessCodes, ' ', _jsxs(Caption, { children: ["(", filteredAccessCodes.length, ")"] })] })) : (_jsx("div", { className: 'seam-fragment' })), !disableCreateAccessCode && (_jsx(IconButton, { onClick: toggleAddAccessCodeForm, className: 'seam-add-access-code-button', children: _jsx(AddIcon, {}) }))] }), !disableSearch && (_jsx(SearchTextField, { value: searchInputValue, onChange: setSearchInputValue, disabled: (accessCodes?.length ?? 0) === 0 }))] }), _jsx(TableBody, { children: _jsx(Content, { accessCodes: filteredAccessCodes, onAccessCodeClick: handleAccessCodeClick, onAccessCodeEdit: handleAccessCodeEdit, disableEditAccessCode: disableEditAccessCode, disableDeleteAccessCode: disableDeleteAccessCode }) })] }));
 }
 function Content(props) {
-    const { accessCodes, onAccessCodeClick, onAccessCodeEdit, disableEditAccessCode, } = props;
+    const { accessCodes, onAccessCodeClick, onAccessCodeEdit, disableEditAccessCode, disableDeleteAccessCode, } = props;
     const [filter, setFilter] = useState(null);
     const filteredAccessCodes = useMemo(() => {
         if (filter === null) {
@@ -98,35 +88,12 @@ function Content(props) {
     }
     return (_jsxs(_Fragment, { children: [_jsx(AccessCodeHealthBar, { accessCodes: accessCodes, filter: filter, onFilterSelect: setFilter }), filteredAccessCodes.map((accessCode) => (_jsx(AccessCodeRow, { accessCode: accessCode, onClick: () => {
                     onAccessCodeClick(accessCode.access_code_id);
-                }, disableEditAccessCode: disableEditAccessCode, onEdit: () => {
+                }, disableEditAccessCode: disableEditAccessCode, disableDeleteAccessCode: disableDeleteAccessCode, onEdit: () => {
                     onAccessCodeEdit(accessCode.access_code_id);
                 } }, accessCode.access_code_id)))] }));
 }
-function AccessCodeRow(props) {
-    const { onClick, accessCode, onEdit, disableEditAccessCode } = props;
-    const errorCount = accessCode.errors.length;
-    const warningCount = accessCode.warnings.length;
-    const isPlural = errorCount === 0 || errorCount > 1;
-    const errorIconTitle = isPlural
-        ? `${errorCount} ${t.codeIssues}`
-        : `${errorCount} ${t.codeIssue}`;
-    const warningIconTitle = isPlural
-        ? `${warningCount} ${t.codeIssues}`
-        : `${warningCount} ${t.codeIssue}`;
-    return (_jsxs(TableRow, { onClick: onClick, children: [_jsx(TableCell, { className: 'seam-icon-cell', children: _jsx("div", { children: _jsx(AccessCodeKeyIcon, {}) }) }), _jsxs(TableCell, { className: 'seam-name-cell', children: [_jsx(Title, { className: 'seam-truncated-text', children: accessCode.name }), _jsx(CodeDetails, { accessCode: accessCode })] }), _jsxs(TableCell, { className: 'seam-action-cell', children: [errorCount > 0 && (_jsx("div", { className: 'seam-code-issue-icon-wrap', title: errorIconTitle, children: _jsx(ExclamationCircleOutlineIcon, {}) })), errorCount === 0 && warningCount > 0 && (_jsx("div", { className: 'seam-code-issue-icon-wrap', title: warningIconTitle, children: _jsx(TriangleWarningOutlineIcon, {}) })), _jsxs(MoreActionsMenu, { menuProps: {
-                            backgroundProps: {
-                                className: 'seam-access-code-table-action-menu',
-                            },
-                        }, children: [_jsx(MenuItem, { onClick: () => {
-                                    void copyToClipboard(accessCode.code ?? '');
-                                }, children: _jsxs("div", { className: 'seam-menu-item-copy', children: [_jsxs("span", { children: [t.copyCode, " - ", accessCode.code] }), _jsx(CopyIcon, {})] }) }), !disableEditAccessCode && (_jsxs(_Fragment, { children: [_jsx("div", { className: 'seam-divider' }), _jsx(MenuItem, { onClick: onEdit, children: t.editCode })] }))] })] })] }));
-}
 const t = {
     accessCodes: 'Access Codes',
-    copyCode: 'Copy code',
     noAccessCodesMessage: 'Sorry, no access codes were found',
-    codeIssue: 'code issue',
-    codeIssues: 'code issues',
-    editCode: 'Edit code',
 };
 //# sourceMappingURL=AccessCodeTable.js.map

package/lib/seam/components/AccessCodeTable/AccessCodeTable.js.map

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

package/lib/ui/Menu/MenuItem.d.ts

@@ -1,6 +1,8 @@
 import type { PropsWithChildren } from 'react';
 interface MenuItemProps extends PropsWithChildren {
-    onClick: () => void;
+    onClick: (event: React.MouseEvent) => void;
+    className?: string;
+    preventDefaultOnClick?: boolean;
 }
-export declare function MenuItem({ onClick, children }: MenuItemProps): JSX.Element;
+export declare function MenuItem({ onClick, children, className, preventDefaultOnClick, }: MenuItemProps): JSX.Element;
 export {};

package/lib/ui/Menu/MenuItem.js

@@ -1,10 +1,13 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+import classNames from 'classnames';
 import { useMenu } from '../../../lib/ui/Menu/Menu.js';
-export function MenuItem({ onClick, children }) {
+export function MenuItem({ onClick, children, className, preventDefaultOnClick = false, }) {
     const { close: closeMenu } = useMenu();
-    return (_jsx("div", { className: 'seam-menu-item', onClick: () => {
-            onClick();
-            closeMenu();
+    return (_jsx("div", { className: classNames('seam-menu-item', className), onClick: (event) => {
+            onClick(event);
+            if (!preventDefaultOnClick) {
+                closeMenu();
+            }
         }, children: children }));
 }
 //# sourceMappingURL=MenuItem.js.map

package/lib/ui/Menu/MenuItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuItem.js","sourceRoot":"","sources":["../../../src/lib/ui/Menu/MenuItem.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAA;AAM7C,MAAM,UAAU,QAAQ,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAiB;IAC3D,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,OAAO,EAAE,CAAA;IAEtC,OAAO,CACL,cACE,SAAS,EAAC,gBAAgB,EAC1B,OAAO,EAAE,GAAG,EAAE;YACZ,OAAO,EAAE,CAAA;YACT,SAAS,EAAE,CAAA;QACb,CAAC,YAEA,QAAQ,GACL,CACP,CAAA;AACH,CAAC"}
+{"version":3,"file":"MenuItem.js","sourceRoot":"","sources":["../../../src/lib/ui/Menu/MenuItem.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAA;AAGnC,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAA;AAQ7C,MAAM,UAAU,QAAQ,CAAC,EACvB,OAAO,EACP,QAAQ,EACR,SAAS,EACT,qBAAqB,GAAG,KAAK,GACf;IACd,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,OAAO,EAAE,CAAA;IAEtC,OAAO,CACL,cACE,SAAS,EAAE,UAAU,CAAC,gBAAgB,EAAE,SAAS,CAAC,EAClD,OAAO,EAAE,CAAC,KAAuB,EAAE,EAAE;YACnC,OAAO,CAAC,KAAK,CAAC,CAAA;YAEd,IAAI,CAAC,qBAAqB,EAAE;gBAC1B,SAAS,EAAE,CAAA;aACZ;QACH,CAAC,YAEA,QAAQ,GACL,CACP,CAAA;AACH,CAAC"}

package/lib/version.d.ts

@@ -1,2 +1,2 @@
-declare const seamapiReactVersion = "1.43.0";
+declare const seamapiReactVersion = "1.44.0";
 export default seamapiReactVersion;

package/lib/version.js

@@ -1,3 +1,3 @@
-const seamapiReactVersion = '1.43.0';
+const seamapiReactVersion = '1.44.0';
 export default seamapiReactVersion;
 //# sourceMappingURL=version.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seamapi/react",
-  "version": "1.43.0",
+  "version": "1.44.0",
   "description": "Seam Components.",
   "type": "module",
   "main": "index.js",

package/src/lib/seam/access-codes/use-delete-access-code.ts

@@ -0,0 +1,47 @@
+import {
+  useMutation,
+  type UseMutationResult,
+  useQueryClient,
+} from '@tanstack/react-query'
+import type {
+  AccessCodeDeleteRequest,
+  ActionAttempt,
+  ActionType,
+  SeamError,
+} from 'seamapi'
+
+import { NullSeamClientError, useSeamClient } from 'lib/seam/use-seam-client.js'
+
+export type UseDeleteAccessCodeParams = never
+export interface UseDeleteAccessCodeData {
+  actionAttempt: ActionAttempt<ActionType>
+}
+export type UseDeleteAccessCodeMutationParams = AccessCodeDeleteRequest
+
+export function useDeleteAccessCode(): UseMutationResult<
+  UseDeleteAccessCodeData,
+  SeamError,
+  UseDeleteAccessCodeMutationParams
+> {
+  const { client } = useSeamClient()
+  const queryClient = useQueryClient()
+
+  return useMutation<
+    UseDeleteAccessCodeData,
+    SeamError,
+    AccessCodeDeleteRequest
+  >({
+    mutationFn: async (mutationParams: UseDeleteAccessCodeMutationParams) => {
+      if (client === null) throw new NullSeamClientError()
+      return await client.accessCodes.delete(mutationParams)
+    },
+    onSuccess: (_data, variables) => {
+      void queryClient.invalidateQueries([
+        'access_codes',
+        'get',
+        { access_code_id: variables.access_code_id },
+      ])
+      void queryClient.invalidateQueries(['access_codes', 'list'])
+    },
+  })
+}

package/src/lib/seam/components/AccessCodeDetails/AccessCodeDetails.element.ts

@@ -7,6 +7,7 @@ export const name = 'seam-access-code-details'
 export const props: ElementProps<AccessCodeDetailsProps> = {
   accessCodeId: 'string',
   disableLockUnlock: 'boolean',
+  disableDeleteAccessCode: 'boolean',
   onBack: 'object',
   onEdit: 'object',
   className: 'string',

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

@@ -9,6 +9,7 @@ import type {
 } from 'seamapi'
 
 import { useAccessCode } from 'lib/seam/access-codes/use-access-code.js'
+import { useDeleteAccessCode } from 'lib/seam/access-codes/use-delete-access-code.js'
 import { AccessCodeDevice } from 'lib/seam/components/AccessCodeDetails/AccessCodeDevice.js'
 import { DeviceDetails } from 'lib/seam/components/DeviceDetails/DeviceDetails.js'
 import { Alerts } from 'lib/ui/Alert/Alerts.js'
@@ -24,6 +25,7 @@ export interface AccessCodeDetailsProps {
   onBack?: () => void
   onEdit: () => void
   className?: string
+  disableDeleteAccessCode?: boolean
 }
 
 export function AccessCodeDetails({
@@ -32,9 +34,11 @@ export function AccessCodeDetails({
   onBack,
   onEdit,
   className,
+  disableDeleteAccessCode = false,
 }: AccessCodeDetailsProps): JSX.Element | null {
   const { accessCode } = useAccessCode(accessCodeId)
   const [selectedDeviceId, selectDevice] = useState<string | null>(null)
+  const { mutate: deleteCode, isLoading: isDeleting } = useDeleteAccessCode()
 
   if (accessCode == null) {
     return null
@@ -92,11 +96,24 @@ export function AccessCodeDetails({
           onSelectDevice={selectDevice}
         />
       </div>
-      {!disableEditAccessCode && (
+      {(!disableEditAccessCode || !disableDeleteAccessCode) && (
         <div className='seam-actions'>
-          <Button size='small' onClick={onEdit}>
-            {t.editCode}
-          </Button>
+          {!disableEditAccessCode && (
+            <Button size='small' onClick={onEdit} disabled={isDeleting}>
+              {t.editCode}
+            </Button>
+          )}
+          {!disableDeleteAccessCode && (
+            <Button
+              size='small'
+              onClick={() => {
+                deleteCode({ access_code_id: accessCode.access_code_id })
+              }}
+              disabled={isDeleting}
+            >
+              {t.deleteCode}
+            </Button>
+          )}
         </div>
       )}
       <div className='seam-details'>
@@ -224,4 +241,5 @@ const t = {
   start: 'Start',
   end: 'End',
   editCode: 'Edit code',
+  deleteCode: 'Delete code',
 }

package/src/lib/seam/components/AccessCodeTable/AccessCodeMenu.tsx

@@ -0,0 +1,118 @@
+import { CopyIcon } from 'lib/icons/Copy.js'
+import type { UseAccessCodeData } from 'lib/seam/access-codes/use-access-code.js'
+import { useDeleteAccessCode } from 'lib/seam/access-codes/use-delete-access-code.js'
+import { Button } from 'lib/ui/Button.js'
+import { copyToClipboard } from 'lib/ui/clipboard.js'
+import { MenuItem } from 'lib/ui/Menu/MenuItem.js'
+import { MoreActionsMenu } from 'lib/ui/Menu/MoreActionsMenu.js'
+import { useToggle } from 'lib/ui/use-toggle.js'
+
+export interface AccessCodeMenuProps {
+  accessCode: NonNullable<UseAccessCodeData>
+  onEdit: () => void
+  onViewDetails: () => void
+  disableEditAccessCode: boolean
+  disableDeleteAccessCode: boolean
+}
+
+export function AccessCodeMenu(props: AccessCodeMenuProps): JSX.Element {
+  return (
+    <MoreActionsMenu
+      menuProps={{
+        backgroundProps: {
+          className: 'seam-access-code-table-action-menu',
+        },
+      }}
+    >
+      <Content {...props} />
+    </MoreActionsMenu>
+  )
+}
+
+function Content({
+  accessCode,
+  onViewDetails,
+  disableEditAccessCode,
+  disableDeleteAccessCode,
+  onEdit,
+}: AccessCodeMenuProps): JSX.Element {
+  const [deleteConfirmationVisible, toggleDeleteConfirmation] = useToggle()
+
+  const deleteAccessCode = useDeleteAccessCode()
+
+  if (deleteConfirmationVisible) {
+    return (
+      <div className='seam-delete-confirmation'>
+        <span>{t.deleteCodeConfirmation}</span>
+        <div className='seam-actions'>
+          <Button
+            onClick={toggleDeleteConfirmation}
+            disabled={deleteAccessCode.isLoading}
+          >
+            {t.cancelDelete}
+          </Button>
+          <Button
+            variant='solid'
+            disabled={deleteAccessCode.isLoading}
+            onClick={() => {
+              deleteAccessCode.mutate({
+                access_code_id: accessCode.access_code_id,
+              })
+            }}
+          >
+            {t.confirmDelete}
+          </Button>
+        </div>
+      </div>
+    )
+  }
+
+  return (
+    <>
+      <MenuItem
+        onClick={() => {
+          void copyToClipboard(accessCode.code ?? '')
+        }}
+      >
+        <div className='seam-menu-item-copy'>
+          <span>
+            {t.copyCode} - {accessCode.code}
+          </span>
+          <CopyIcon />
+        </div>
+      </MenuItem>
+      <div className='seam-divider' />
+      <MenuItem onClick={onViewDetails}>{t.viewCodeDetails}</MenuItem>
+      {!disableEditAccessCode && (
+        <MenuItem onClick={onEdit}>{t.editCode}</MenuItem>
+      )}
+      {!disableDeleteAccessCode && (
+        <>
+          <div className='seam-divider' />
+          <MenuItem
+            onClick={(event) => {
+              event.stopPropagation() // Prevent hiding menu on outside click
+              toggleDeleteConfirmation()
+            }}
+            preventDefaultOnClick
+            className='seam-text-danger'
+          >
+            {t.deleteCode}
+          </MenuItem>
+        </>
+      )}
+    </>
+  )
+}
+
+const t = {
+  copyCode: 'Copy code',
+  codeIssue: 'code issue',
+  codeIssues: 'code issues',
+  editCode: 'Edit code',
+  viewCodeDetails: 'View code details',
+  deleteCode: 'Delete code',
+  deleteCodeConfirmation: 'Delete this code and data?',
+  cancelDelete: 'Cancel',
+  confirmDelete: 'Delete',
+}

package/src/lib/seam/components/AccessCodeTable/AccessCodeRow.tsx

@@ -0,0 +1,73 @@
+import { AccessCodeKeyIcon } from 'lib/icons/AccessCodeKey.js'
+import { ExclamationCircleOutlineIcon } from 'lib/icons/ExclamationCircleOutline.js'
+import { TriangleWarningOutlineIcon } from 'lib/icons/TriangleWarningOutline.js'
+import type { UseAccessCodesData } from 'lib/seam/access-codes/use-access-codes.js'
+import { AccessCodeMenu } from 'lib/seam/components/AccessCodeTable/AccessCodeMenu.js'
+import { CodeDetails } from 'lib/seam/components/AccessCodeTable/CodeDetails.js'
+import { TableCell } from 'lib/ui/Table/TableCell.js'
+import { TableRow } from 'lib/ui/Table/TableRow.js'
+import { Title } from 'lib/ui/typography/Title.js'
+
+export interface AccessCodeRowProps {
+  accessCode: UseAccessCodesData[number]
+  onClick: () => void
+  onEdit: () => void
+  disableEditAccessCode: boolean
+  disableDeleteAccessCode: boolean
+}
+
+export function AccessCodeRow({
+  onClick,
+  accessCode,
+  onEdit,
+  disableEditAccessCode,
+  disableDeleteAccessCode,
+}: AccessCodeRowProps): JSX.Element {
+  const errorCount = accessCode.errors.length
+  const warningCount = accessCode.warnings.length
+  const isPlural = errorCount === 0 || errorCount > 1
+  const errorIconTitle = isPlural
+    ? `${errorCount} ${t.codeIssues}`
+    : `${errorCount} ${t.codeIssue}`
+  const warningIconTitle = isPlural
+    ? `${warningCount} ${t.codeIssues}`
+    : `${warningCount} ${t.codeIssue}`
+
+  return (
+    <TableRow onClick={onClick}>
+      <TableCell className='seam-icon-cell'>
+        <div>
+          <AccessCodeKeyIcon />
+        </div>
+      </TableCell>
+      <TableCell className='seam-name-cell'>
+        <Title className='seam-truncated-text'>{accessCode.name}</Title>
+        <CodeDetails accessCode={accessCode} />
+      </TableCell>
+      <TableCell className='seam-action-cell'>
+        {errorCount > 0 && (
+          <div className='seam-code-issue-icon-wrap' title={errorIconTitle}>
+            <ExclamationCircleOutlineIcon />
+          </div>
+        )}
+        {errorCount === 0 && warningCount > 0 && (
+          <div className='seam-code-issue-icon-wrap' title={warningIconTitle}>
+            <TriangleWarningOutlineIcon />
+          </div>
+        )}
+        <AccessCodeMenu
+          accessCode={accessCode}
+          onEdit={onEdit}
+          onViewDetails={onClick}
+          disableDeleteAccessCode={disableDeleteAccessCode}
+          disableEditAccessCode={disableEditAccessCode}
+        />
+      </TableCell>
+    </TableRow>
+  )
+}
+
+const t = {
+  codeIssue: 'code issue',
+  codeIssues: 'code issues',
+}

package/src/lib/seam/components/AccessCodeTable/AccessCodeTable.element.ts

@@ -7,6 +7,7 @@ export const name = 'seam-access-code-table'
 export const props: ElementProps<Omit<AccessCodeTableProps, 'title'>> = {
   deviceId: 'string',
   disableLockUnlock: 'boolean',
+  disableDeleteAccessCode: 'boolean',
   disableSearch: 'boolean',
   accessCodeFilter: 'object',
   accessCodeComparator: 'object',