MultiView Page Package

A powerful, flexible React component for displaying data in multiple views (Table, Kanban, Chart, etc.) with integrated advanced search and filtering.

Installation

npm install sqm_multi-view-page

Dependencies

Ensure you have the following peer dependencies installed:

npm install react react-dom tailwindcss framer-motion lucide-react react-i18next react-router-dom @tanstack/react-table

Usage

Basic Usage

import { MultiViewPage } from "sqm_multi-view-page";
import "sqm_multi-view-page/dist/index.css"; // If styles are included

const MyPage = () => {
  const data = [...];
  const columns = [...];

  return (
    <MultiViewPage
      name="my-page"
      title="My Data"
      data={data}
      columns={columns}
      // ... check MultiViewPageProps for more
    />
  );
};

Publishing

To publish this package to NPM:

1. Build: Run npm run build to compile the package.
2. Login: npm login (if not already logged in).
3. Publish: npm publish.

Development

• npm run dev: Component development with watch mode.
• npm run build: Build for production.

sqm_multi-view-page