@innofulfill/exclationmatric

A React component for displaying and managing an escalation matrix, designed for internal use.

Installation

Install the package using npm:

npm install @innofulfill/exclationmatric

Usage

Import the component and its styles in your React application:

import React from 'react';
import { ExclationMatrix } from '@innofulfill/exclationmatric';
import '@innofulfill/exclationmatric/dist/style.css';

function App() {
  return (
    <div className="App">
      <ExclationMatrix baseUrl="https://your-api.com/api/v1/escalation-matrix" />
    </div>
  );
}

export default App;

Props

| Prop | Type | Default | Description | |------|------|---------|-------------| | baseUrl | string | /api/smcs-webapp/v1/escalation-matrix | The base URL endpoint for fetching escalation matrix data. The component appends search and pagination parameters to this URL. |

Development

This project was built with Vite.

Project Structure

• src/components: Library components source code.
• src/index.js: Entry point exporting the library components.
• src/App.jsx: Demo application for testing components during development.

Scripts

• npm run dev: Starts the development server with the demo app.
• npm run build: Builds the library for distribution (outputs to dist/).
• npm run preview: Previews the built demo app.
• npm run lint: Runs ESLint for code quality.

Publishing

1. Update the version in package.json.
2. Run npm run build to generate the distribution files.
3. Run npm publish (ensure you are logged in to the correct npm registry).