@saptanshuwanjari/react-component-library 0.1.0 → 0.1.8

package/LICENSE

@@ -1,21 +1,21 @@
-MIT License
-
-Copyright (c) 2025 Saptanshu Wanjari 
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+MIT License
+
+Copyright (c) 2025 Saptanshu Wanjari 
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,56 +1,56 @@
-# React Component Library
-
-A modern, lightweight React component library featuring robust DataTable and Form components built with the Compound Component pattern.
-
-## Features
-
-- 🎯 **DataTable**: Powerful data table with sorting, filtering, and pagination
-- 📝 **Form**: Flexible form system with validation using react-hook-form and Zod
-- 🎨 **Styled with Tailwind CSS**: Fully customizable with Tailwind
-- 📦 **Tree-shakeable**: Only import what you need
-- 🔷 **TypeScript**: Full type safety
-
-## Installation
-
-```bash
-npm install @your-org/react-component-library
-```
-
-## Usage
-
-```tsx
-import { Form, DataTable } from '@your-org/react-component-library';
-
-// Form example
-<Form.Root schema={mySchema} onSubmit={handleSubmit}>
-  <Form.InputField name="email" label="Email" />
-  <Form.Submit>Submit</Form.Submit>
-</Form.Root>
-
-// DataTable example
-<DataTable.Root data={data}>
-  <DataTable.Header>
-    <DataTable.Column>Name</DataTable.Column>
-  </DataTable.Header>
-  <DataTable.Body />
-</DataTable.Root>
-```
-
-## Development
-
-This library is built with `tsup` for fast bundling. The `example/` folder contains a Next.js app for testing components locally.
-
-```bash
-# Install dependencies
-npm install
-
-# Start development mode
-npm run dev
-
-# Build for production
-npm run build
-```
-
-## License
-
-MIT
+# React Component Library
+
+A modern, lightweight React component library featuring robust DataTable and Form components built with the Compound Component pattern.
+
+## Features
+
+- 🎯 **DataTable**: Powerful data table with sorting, filtering, and pagination
+- 📝 **Form**: Flexible form system with validation using react-hook-form and Zod
+- 🎨 **Styled with Tailwind CSS**: Fully customizable with Tailwind
+- 📦 **Tree-shakeable**: Only import what you need
+- 🔷 **TypeScript**: Full type safety
+
+## Installation
+
+```bash
+npm install @your-org/react-component-library
+```
+
+## Usage
+
+```tsx
+import { Form, DataTable } from '@your-org/react-component-library';
+
+// Form example
+<Form.Root schema={mySchema} onSubmit={handleSubmit}>
+  <Form.InputField name="email" label="Email" />
+  <Form.Submit>Submit</Form.Submit>
+</Form.Root>
+
+// DataTable example
+<DataTable.Root data={data}>
+  <DataTable.Header>
+    <DataTable.Column>Name</DataTable.Column>
+  </DataTable.Header>
+  <DataTable.Body />
+</DataTable.Root>
+```
+
+## Development
+
+This library is built with `tsup` for fast bundling. The `example/` folder contains a Next.js app for testing components locally.
+
+```bash
+# Install dependencies
+npm install
+
+# Start development mode
+npm run dev
+
+# Build for production
+npm run build
+```
+
+## License
+
+MIT

package/dist/index.d.mts

@@ -133,12 +133,17 @@ interface RootProps<TData, TValue> {
     data: TData[];
     filters?: FilterOption[];
     defaultViewMode?: ViewMode;
+    viewMode?: ViewMode;
+    onViewModeChange?: (mode: ViewMode) => void;
     defaultPageSize?: number;
     children: React.ReactNode;
 }
-declare function Root<TData, TValue>({ columns, data, filters, defaultViewMode, defaultPageSize, children, }: RootProps<TData, TValue>): react_jsx_runtime.JSX.Element;
+declare function Root<TData, TValue>({ columns, data, filters, defaultViewMode, viewMode: controlledViewMode, onViewModeChange: controlledOnViewModeChange, defaultPageSize, children, }: RootProps<TData, TValue>): react_jsx_runtime.JSX.Element;
 
-declare function Toolbar(): react_jsx_runtime.JSX.Element;
+interface ToolbarProps {
+    viewOptions?: React.ReactNode;
+}
+declare function Toolbar({ viewOptions }?: ToolbarProps): react_jsx_runtime.JSX.Element;
 
 interface ContentProps {
     renderCard?: (item: any, index: number) => React.ReactNode;
@@ -158,12 +163,19 @@ declare function GridView<TData = any>({ renderCard, columns, gap }: GridViewPro
 
 declare function Pagination(): react_jsx_runtime.JSX.Element;
 
+interface ViewOptionsProps {
+    viewMode?: ViewMode;
+    onViewModeChange?: (mode: ViewMode) => void;
+}
+declare function ViewOptions({ viewMode: propViewMode, onViewModeChange: propOnViewModeChange }: ViewOptionsProps): react_jsx_runtime.JSX.Element;
+
 declare const DataTable: typeof Root & {
     Toolbar: typeof Toolbar;
     Content: typeof Content;
     TableView: typeof TableView;
     GridView: typeof GridView;
     Pagination: typeof Pagination;
+    ViewOptions: typeof ViewOptions;
 };
 
 declare function cn(...inputs: ClassValue[]): string;

package/dist/index.d.ts

@@ -133,12 +133,17 @@ interface RootProps<TData, TValue> {
     data: TData[];
     filters?: FilterOption[];
     defaultViewMode?: ViewMode;
+    viewMode?: ViewMode;
+    onViewModeChange?: (mode: ViewMode) => void;
     defaultPageSize?: number;
     children: React.ReactNode;
 }
-declare function Root<TData, TValue>({ columns, data, filters, defaultViewMode, defaultPageSize, children, }: RootProps<TData, TValue>): react_jsx_runtime.JSX.Element;
+declare function Root<TData, TValue>({ columns, data, filters, defaultViewMode, viewMode: controlledViewMode, onViewModeChange: controlledOnViewModeChange, defaultPageSize, children, }: RootProps<TData, TValue>): react_jsx_runtime.JSX.Element;
 
-declare function Toolbar(): react_jsx_runtime.JSX.Element;
+interface ToolbarProps {
+    viewOptions?: React.ReactNode;
+}
+declare function Toolbar({ viewOptions }?: ToolbarProps): react_jsx_runtime.JSX.Element;
 
 interface ContentProps {
     renderCard?: (item: any, index: number) => React.ReactNode;
@@ -158,12 +163,19 @@ declare function GridView<TData = any>({ renderCard, columns, gap }: GridViewPro
 
 declare function Pagination(): react_jsx_runtime.JSX.Element;
 
+interface ViewOptionsProps {
+    viewMode?: ViewMode;
+    onViewModeChange?: (mode: ViewMode) => void;
+}
+declare function ViewOptions({ viewMode: propViewMode, onViewModeChange: propOnViewModeChange }: ViewOptionsProps): react_jsx_runtime.JSX.Element;
+
 declare const DataTable: typeof Root & {
     Toolbar: typeof Toolbar;
     Content: typeof Content;
     TableView: typeof TableView;
     GridView: typeof GridView;
     Pagination: typeof Pagination;
+    ViewOptions: typeof ViewOptions;
 };
 
 declare function cn(...inputs: ClassValue[]): string;