@regulaforensics/ui-components NPM | npm.io

7.4.107 • Published 8 months ago

Install

Weekly downloads

-

License

MIT

Repository

Last release

8 months ago

Regula React UI components

This package contains React UI components for Regula products.

Document-reader processing result tabs

Here is an example of using components to display the results of document-reader processing.

import { FC } from 'react'
import { createRoot } from 'react-dom/client'
import {
  DocReaderContainer,
  Status,
  Info,
  Graphics,
  Rfid,
  ResponseViewer,
  RequestViewer,
  Logs,
  PortraitsComparison,
  Tabs,
} from '@regulaforensics/ui-components'


interface ProcessingResultsProps {
  response: unknown
  request: any
  language: string
}

const ResultsTab = () => (
  <>
    <Status />
    <Info />
    <Graphics />
    <Rfid />
    <PortraitsComparison />
  </>
)

const ProcessingResultTabs: FC<ProcessingResultsProps> = ({ response, request, language }) => (
  <DocReaderContainer response={ response } request={ request } language={ language }>
    <Tabs
      type={ 'card' }
      items={[
        { id: 'Results', label: 'Results', children: <ResultsTab /> },
        { id: 'Request', label: 'Request', children: <RequestViewer /> },
        { id: 'Response', label: 'Response', children: <ResponseViewer /> },
        { id: 'Logs', label: 'Logs', children: <Logs /> }
      ]}
    />
  </DocReaderContainer>
)

const RESPONSE = YOUR_RESPONSE_DATA
const REQUEST = YOUR_REQUEST_DATA

const Results = () => (
  <ProcessingResultTabs 
    response={ RESPONSE } 
    request={ REQUEST } 
    language={ 'en' } 
  />
)

const root = createRoot(document.getElementById('root'));
root.render(<Results />);

@regulaforensics/document-reader-typings @uiw/react-json-view classnames i18next observable-hooks overlayscrollbars overlayscrollbars-react react-device-detect react-i18next react-scroll react-transition-group reflect-metadata rxjs

7.5.190-nightly

8 months ago

7.5.189-nightly

8 months ago

7.5.179-nightly

8 months ago

7.5.188-nightly

8 months ago

7.5.180-nightly

8 months ago

7.5.187-nightly

8 months ago

7.5.176-nightly

8 months ago

7.5.175-nightly

8 months ago

7.5.174-nightly

8 months ago

7.5.172-nightly

8 months ago

8 months ago

7.5.169-nightly

8 months ago

7.5.168-nightly

8 months ago

7.5.167-nightly

8 months ago

8 months ago

7.5.166-nightly

8 months ago

7.5.164-nightly

8 months ago

7.5.157-nightly

8 months ago

9 months ago

7.5.154-nightly

8 months ago

7.5.148-nightly

9 months ago

7.5.140-nightly

9 months ago

7.5.153-nightly

8 months ago

7.5.160-nightly

8 months ago

7.5.159-nightly

8 months ago

8 months ago

7.5.147-nightly

9 months ago

7.5.152-nightly

8 months ago

7.5.142-nightly

9 months ago

7.5.161-nightly

8 months ago

7.5.149-nightly

8 months ago

7.5.151-nightly

8 months ago

8 months ago

9 months ago

9 months ago

7.5.136-nightly

9 months ago

7.5.135-nightly

9 months ago

9 months ago

9 months ago

7.5.124-nightly

9 months ago

9 months ago

9 months ago

7.5.121-nightly

9 months ago

7.5.122-nightly

9 months ago

7.5.119-nightly

9 months ago

7.5.120-nightly

9 months ago

7.5.118-nightly

9 months ago

7.5.117-nightly

9 months ago

7.5.116-nightly

9 months ago

9 months ago

7.5.114-nightly

9 months ago

7.5.113-nightly

9 months ago

7.5.112-nightly

9 months ago

7.5.111-nightly

10 months ago

7.5.110-nightly

10 months ago

10 months ago

7.5.108-nightly

10 months ago

10 months ago

7.5.105-nightly

10 months ago

7.5.104-nightly

10 months ago

7.5.103-nightly

10 months ago

10 months ago

1 year ago

11 months ago

11 months ago

11 months ago

10 months ago

10 months ago

11 months ago

11 months ago

12 months ago

11 months ago

12 months ago

12 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

10 months ago

1 year ago

1 year ago

10 months ago

12 months ago

12 months ago

10 months ago

11 months ago

11 months ago

11 months ago

10 months ago

10 months ago

11 months ago

12 months ago

11 months ago

11 months ago

1 year ago

12 months ago

12 months ago

12 months ago

11 months ago

11 months ago

12 months ago

10 months ago

10 months ago

11 months ago

11 months ago

11 months ago

10 months ago

12 months ago

10 months ago

1 year ago

12 months ago

11 months ago

1 year ago

1 year ago

12 months ago

1 year ago

11 months ago

11 months ago

12 months ago

12 months ago

11 months ago

10 months ago

11 months ago

11 months ago

11 months ago

11 months ago

7.5.101-nightly

10 months ago

10 months ago

11 months ago

11 months ago

11 months ago

12 months ago

11 months ago

12 months ago

11 months ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago