@iqworksai/common-components 0.1.0

package/CHANGELOG.md

@@ -0,0 +1,27 @@
+# Changelog
+
+All notable changes to this project will be documented in this file.
+
+The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
+and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
+
+## [0.1.0] - 2025-01-XX
+
+### Added
+- Initial project setup
+- Package structure with TypeScript and Vite configuration
+- Storybook setup with essential addons
+- Basic utilities: classNames, memoUtils
+- Constants: enums (ToastType, TableType, etc.)
+- Components:
+  - Alert component with Storybook stories
+  - Loader component with Storybook stories
+- Main export file (src/index.ts)
+
+### Infrastructure
+- TypeScript configuration
+- Vite build configuration for library
+- Storybook configuration
+- Package.json with all dependencies
+- README.md with comprehensive documentation
+

package/README.md

@@ -0,0 +1,398 @@
+# @iqworksai/common-components
+
+A reusable React component library and utilities package for IQWorks applications. Provides 46+ UI components, custom hooks, context providers, and utility functions extracted from DiscoverIQ Desktop.
+
+## 🎉 Current Status
+
+**Progress: 35 out of 46 components migrated (76%)**
+
+### ✅ Completed Categories
+- ✅ **Context Providers**: 4/4 (100%) - ThemeProvider, LoaderProvider, ToastProvider, ContextProvider
+- ✅ **Hooks**: 7/7 (100%) - All custom hooks migrated
+- ✅ **Basic UI Components**: 13/13 (100%) - Alert, Modal, Toast, ToolTip, StatusBadge, etc.
+- ✅ **Chart Components**: 7/7 (100%) - DonutChart, PieChart, BarCharts, GaugeChart, GeoChart, StorageChart
+- ✅ **Chart Helper Components**: 3/3 (100%) - NoDataChart, ChartHeader, CustomLegends
+- ✅ **Utility Components**: 4/4 (100%) - ConfirmationModal, Timer, ErrorBoundary, ComponentErrorBoundary
+- ✅ **Form Components**: 4/4 (100%) - Dropdown, MultiSelect, Table, CSVImporter
+- ✅ **Specialized Components**: 4/4 (100%) - TaskResult, InstallUpdateLoader, ConfidenceScoreTooltip, ImagePreviewModal
+
+### ⏳ In Progress
+- 🔄 **FilterModal** - Advanced filtering modal (next priority)
+- 📋 **Remaining Components**: 11 components remaining (FileBrowser, DbSchemaBrowser, MixedScanResults, etc.)
+
+## Features
+
+- 🎨 **35+ UI Components** - Comprehensive set of React components including modals, charts, forms, and data display components
+- 🪝 **7 Custom Hooks** - Reusable React hooks for common patterns (debounce, API caching, click outside, etc.)
+- 🎯 **4 Context Providers** - Theme, Toast, Loader, and main Context providers
+- 🛠️ **Utility Functions** - Data transformation, risk scoring, status configuration, and more
+- 📚 **Storybook Documentation** - Interactive component documentation with live examples for all migrated components
+- 🎯 **TypeScript** - Full TypeScript support with comprehensive type definitions
+- 🌲 **Tree-shakeable** - Optimized for bundle size with ES modules
+- ♿ **Accessible** - WCAG compliant components with keyboard navigation support
+- 🎨 **Tailwind CSS** - Styled with Tailwind CSS for easy customization
+- 🌓 **Dark Mode** - Full dark mode support via CSS variables and ThemeProvider
+- 🔌 **Optional Dependencies** - Redux and React Router are optional, making the library flexible
+
+## Installation
+
+```bash
+npm install @iqworksai/common-components
+# or
+yarn add @iqworksai/common-components
+# or
+pnpm add @iqworksai/common-components
+```
+
+## Quick Start
+
+### Basic Setup
+
+```tsx
+import { ThemeProvider, ToastProvider } from '@iqworksai/common-components';
+
+function App() {
+  return (
+    <ThemeProvider>
+      <ToastProvider>
+        {/* Your app content */}
+      </ToastProvider>
+    </ThemeProvider>
+  );
+}
+```
+
+### Using Components
+
+```tsx
+import { Alert, Modal, Loader, Table } from '@iqworksai/common-components';
+
+function MyComponent() {
+  return (
+    <div>
+      <Alert message="Welcome!" type="success" />
+      <Loader loading={true} />
+      <Table data={myData} columns={myColumns} />
+    </div>
+  );
+}
+```
+
+### Using Hooks
+
+```tsx
+import { useDebounce, useClickOutside } from '@iqworksai/common-components';
+
+function SearchComponent() {
+  const [searchTerm, setSearchTerm] = useState('');
+  const debouncedSearch = useDebounce(searchTerm, 500);
+  
+  // Use debouncedSearch for API calls
+}
+```
+
+### Using Utilities
+
+```tsx
+import { formatBytes, getStatusConfig, getRiskScoreInfo } from '@iqworksai/common-components';
+
+const size = formatBytes(1024); // "1 KB"
+const status = getStatusConfig('successful'); // Status configuration with icon and colors
+const riskInfo = getRiskScoreInfo(75); // Risk level information
+```
+
+## Documentation
+
+- **Storybook Documentation** - Run `npm run storybook` to view interactive component playground with live examples
+- **[Next Steps](./NEXT_STEPS.md)** - Detailed migration progress and roadmap
+- **[Component Migration Guide](./COMPONENT_MIGRATION_GUIDE.md)** - Guidelines for migrating components
+- **[Setup Progress](./SETUP_PROGRESS.md)** - Setup and configuration progress
+
+### Recent Accomplishments
+
+- ✅ **CSVImporter Component** - CSV import with preview, validation, and optional TestConnection integration
+- ✅ **Table Component** - Complex table with search, export, pagination, sorting, and bulk actions (Redux optional)
+- ✅ **All Chart Components** - 7 chart types with full dark mode support
+- ✅ **All Context Providers** - Theme, Toast, Loader, and ContextProvider with optional Redux/Router
+- ✅ **All Hooks** - 7 custom hooks with optional Redux integration
+- ✅ **Dark Mode Support** - All components support dark mode via CSS variables
+- ✅ **Storybook Stories** - All migrated components have comprehensive Storybook stories
+
+## Component Categories
+
+### ✅ Basic UI Components (13/13 - 100%)
+- **Alert** - Alert messages with variants (success, error, warning, info)
+- **Loader** - Loading spinner component
+- **Modal** - Modal dialog with header, body, and footer
+- **Toast** - Toast notification component
+- **ToolTip** - Tooltip component with positioning
+- **StatusBadge** - Status badge with icons and animations
+- **ToggleSwitch** - Toggle switch component
+- **ResourceUsageBadge** - Resource usage indicator
+- **ShowMultiData** - Expandable multi-line data display
+- **RiskScoreLabel** - Risk score display with color coding
+- **FileTypeIcon** - File type icon component
+- **NoActiveAttributeWarning** - Warning message component
+- **CountryBox** - Country selection/display box
+
+### ✅ Form Components (4/4 - 100%)
+- **Dropdown** - Dropdown menu using Headless UI
+- **MultiSelect** - Multi-select component using react-select
+- **Table** - Advanced table component with pagination, sorting, search, export, and bulk actions (Redux optional)
+- **CSVImporter** - CSV import component with preview and validation
+
+### ✅ Chart Components (7/7 - 100%)
+- **DonutChart** - Doughnut chart with legends and optional table
+- **PieChart** - Pie chart with percentage labels
+- **VerticalBarChart** - Vertical bar chart with optional line overlay
+- **HorizontalBarChart** - Horizontal bar chart with scale options (linear, logarithmic, normalized)
+- **GaugeChart** - Gauge/donut chart with optional year range slider
+- **GeoChart** - Geographic choropleth map chart
+- **StorageChart** - Storage visualization with icon and formatted values
+
+### ✅ Chart Helper Components (3/3 - 100%)
+- **NoDataChart** - Empty state component for charts
+- **ChartHeader** - Chart header with title and optional right content
+- **CustomLegends** - Custom legend component for charts
+
+### ✅ Utility Components (4/4 - 100%)
+- **ConfirmationModal** - Confirmation dialog with customizable actions
+- **Timer** - Countdown/elapsed time display
+- **ErrorBoundary** - Top-level error boundary with fallback UI
+- **ComponentErrorBoundary** - Component-level error boundary
+
+### ✅ Specialized Components (4/4 - 100%)
+- **TaskResult** - Task result modal with summary and error details
+- **InstallUpdateLoader** - Installation/update progress loader
+- **ConfidenceScoreTooltip** - Classification confidence score tooltip
+- **ImagePreviewModal** - Image preview modal with loading and error handling
+
+### ⏳ Remaining Components (11 components)
+- **FilterModal** - Advanced filtering modal (in progress)
+- **FileBrowser** - File browsing interface
+- **DbSchemaBrowser** - Database schema browser
+- **MixedScanResults** - Combined file and database scan results
+- **NotificationQueue** - Toast notification queue
+- **ProductSwitcher** - Product selection switcher
+- **TestConnection** - Connection testing component
+- **CustomRecurrenceDialog** - Recurrence pattern dialog
+- **UpdateDepartmentModal** - Department update modal
+- **UpdateSettings** - Settings update component
+- **UserAppUpdateSettings** - User app update settings
+
+## Hooks (7/7 - 100% Complete)
+
+- ✅ **useApiCache** - API response caching hook with Redux integration (optional)
+- ✅ **useAssetPath** / **useFileIconPath** - Asset path resolution hook (Electron-agnostic)
+- ✅ **useBodyScrollLock** - Body scroll lock hook for modals
+- ✅ **useClickOutside** - Click outside detection hook
+- ✅ **useDebounce** - Debounce hook for input values
+- ✅ **useFilterCache** - Filter state caching hook with Redux integration (optional)
+- ✅ **useReduxHook** - Redux integration hook (useAppDispatch, useAppSelector) - gracefully handles missing Redux
+
+## Context Providers (4/4 - 100% Complete)
+
+- ✅ **ThemeProvider** - Theme management (light/dark mode) with CSS variables, custom fonts, and global styling
+- ✅ **ToastProvider** - Toast notification management with optional Redux integration
+- ✅ **LoaderProvider** - Global loading state management
+- ✅ **ContextProvider** - Main context provider wrapper that aggregates all providers (Redux and Router optional)
+
+## Development
+
+### Prerequisites
+
+- Node.js 18+ 
+- npm, yarn, or pnpm
+
+### Setup
+
+```bash
+# Clone the repository
+git clone https://github.com/iqworksai/common-components.git
+cd common-components
+
+# Install dependencies
+npm install
+
+# Run Storybook
+npm run storybook
+
+# Build library
+npm run build
+
+# Run tests
+npm test
+
+# Run tests with coverage
+npm run test:coverage
+```
+
+### Available Scripts
+
+- `npm run build` - Build the library for production
+- `npm run build:watch` - Build in watch mode
+- `npm run typecheck` - Type check without emitting
+- `npm test` - Run tests
+- `npm run test:watch` - Run tests in watch mode
+- `npm run test:coverage` - Run tests with coverage
+- `npm run lint` - Lint code
+- `npm run lint:fix` - Fix linting issues
+- `npm run storybook` - Start Storybook dev server
+- `npm run build-storybook` - Build Storybook for deployment
+
+## Styling
+
+This library uses Tailwind CSS with CSS variables for theming. To use the components in your project:
+
+1. **Import the styles** in your app:
+```tsx
+import '@iqworksai/common-components/dist/style.css';
+```
+
+2. **Configure Tailwind** to include the library:
+```js
+// tailwind.config.js
+module.exports = {
+  content: [
+    './src/**/*.{js,jsx,ts,tsx}',
+    './node_modules/@iqworksai/common-components/**/*.{js,jsx,ts,tsx}',
+  ],
+  darkMode: 'class', // Required for dark mode support
+  // ... rest of config
+};
+```
+
+3. **Wrap your app with ThemeProvider** for theme support:
+```tsx
+import { ThemeProvider } from '@iqworksai/common-components';
+
+function App() {
+  return (
+    <ThemeProvider>
+      {/* Your app */}
+    </ThemeProvider>
+  );
+}
+```
+
+### CSS Variables
+
+The library uses CSS variables for theming. Key variables include:
+- `--bg-color` - Background color
+- `--text-color` - Text color
+- `--border-color` - Border color
+- `--brand-primary` - Primary brand color (orange)
+- `--brand-light` - Light brand color
+- `--brand-dark` - Dark brand color
+- `--hover-bg-color` - Hover background color
+
+See `src/styles/index.css` for the complete list of CSS variables.
+
+## TypeScript Support
+
+Full TypeScript support is included. Import types as needed:
+
+```tsx
+import type { 
+  AlertProps, 
+  TableProps, 
+  CSVRow,
+  PaginatedResult,
+  ListApiParameters,
+  FilterState,
+  FilterField
+} from '@iqworksai/common-components';
+```
+
+### Type Definitions
+
+All components export their prop types. Key type exports include:
+- Component prop types (e.g., `AlertProps`, `TableProps`, `ModalProps`)
+- Table types (`PaginatedResult`, `ListApiParameters`, `FilterState`, `FilterField`)
+- CSV types (`CSVRow`)
+- Status types (`StatusConfig`, `RiskScoreInfo`)
+- Context types (`ThemeConfig`, `ToastContextProps`, `LoaderContextProps`)
+
+## Browser Support
+
+- Chrome (latest)
+- Firefox (latest)
+- Safari (latest)
+- Edge (latest)
+
+## Contributing
+
+Contributions are welcome! Please see [CONTRIBUTING.md](./CONTRIBUTING.md) for guidelines.
+
+## Versioning
+
+This project follows [Semantic Versioning](https://semver.org/):
+- **MAJOR** version for breaking changes
+- **MINOR** version for new features (backward compatible)
+- **PATCH** version for bug fixes (backward compatible)
+
+## License
+
+PROPRIETARY - Internal use only
+
+## Support
+
+For issues and questions, please open an issue on [GitHub](https://github.com/iqworksai/common-components/issues).
+
+## Changelog
+
+See [CHANGELOG.md](./CHANGELOG.md) for a list of changes.
+
+## Key Features & Highlights
+
+### 🎯 Optional Dependencies
+- **Redux** - All Redux dependencies are optional. Components work without Redux, but can integrate if available.
+- **React Router** - Router is optional in ContextProvider.
+- **Electron** - All Electron-specific code has been removed or made optional.
+
+### 🌓 Dark Mode
+- All components support dark mode via CSS variables.
+- ThemeProvider manages theme state and CSS variables.
+- Seamless theme switching with `toggleTheme()`.
+
+### 📊 Advanced Table Component
+- Pagination, sorting, searching, and filtering
+- Bulk actions support
+- Export to CSV functionality
+- Optional Redux integration
+- Optional FilterModal integration
+- Row click handlers
+- Column borders and styling options
+
+### 📈 Chart Components
+- 7 chart types using Chart.js
+- Full dark mode support
+- Custom legends and headers
+- Empty state handling
+- Responsive and accessible
+
+### 🎨 Theming
+- CSS variable-based theming
+- Custom font support
+- Global style overrides
+- Consistent color palette
+
+## Migration Status
+
+**35 out of 46 components completed (76%)**
+
+- ✅ All basic UI components
+- ✅ All chart components
+- ✅ All context providers
+- ✅ All hooks
+- ✅ All form components (including complex Table)
+- ✅ All utility components
+- ⏳ FilterModal (in progress)
+- ⏳ 10 remaining specialized components
+
+See [NEXT_STEPS.md](./NEXT_STEPS.md) for detailed progress and roadmap.
+
+---
+
+Built with ❤️ by the IQWorks team
+

package/dist/.gitkeep

@@ -0,0 +1,3 @@
+# This directory is for static assets used by Storybook
+# Add any static files (images, fonts, etc.) here
+

package/dist/components/Alert/Alert.stories.d.ts

@@ -0,0 +1,14 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Alert } from './index';
+
+declare const meta: Meta<typeof Alert>;
+export default meta;
+type Story = StoryObj<typeof Alert>;
+export declare const Default: Story;
+export declare const Success: Story;
+export declare const Error: Story;
+export declare const Warning: Story;
+export declare const WithTitle: Story;
+export declare const Compact: Story;
+export declare const NoIcon: Story;
+//# sourceMappingURL=Alert.stories.d.ts.map

package/dist/components/Alert/Alert.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Alert/Alert.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CAuC5B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,KAAK,CAAC,CAAC;AAEpC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAKnB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAMvB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAMpB,CAAC"}

package/dist/components/Alert/index.d.ts

@@ -0,0 +1,15 @@
+import { default as React } from 'react';
+
+export type AlertVariant = 'info' | 'warning' | 'success' | 'error';
+export interface AlertProps {
+    variant?: AlertVariant;
+    title?: string;
+    children: React.ReactNode;
+    compact?: boolean;
+    className?: string;
+    borderStyle?: 'left' | 'all';
+    icon?: boolean;
+}
+export declare const Alert: React.FC<AlertProps>;
+export default Alert;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Alert/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Alert/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AAEpE,MAAM,WAAW,UAAU;IACzB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;IAC7B,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAgBD,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CA4BtC,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/dist/components/CSVImporter/CSVImporter.stories.d.ts

@@ -0,0 +1,10 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { default as CSVImporter } from './index';
+
+declare const meta: Meta<typeof CSVImporter>;
+export default meta;
+type Story = StoryObj<typeof CSVImporter>;
+export declare const DatabaseImport: Story;
+export declare const SharedDriveImport: Story;
+export declare const WithTestConnection: Story;
+//# sourceMappingURL=CSVImporter.stories.d.ts.map

package/dist/components/CSVImporter/CSVImporter.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CSVImporter.stories.d.ts","sourceRoot":"","sources":["../../../src/components/CSVImporter/CSVImporter.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,WAAW,MAAM,SAAS,CAAC;AAIlC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,WAAW,CAclC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,WAAW,CAAC,CAAC;AA+B1C,eAAO,MAAM,cAAc,EAAE,KAE5B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAE/B,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAsBhC,CAAC"}

package/dist/components/CSVImporter/helpers.d.ts

@@ -0,0 +1,8 @@
+import { CSVTypeValue } from '../../constants/enums';
+
+export type CSVRow = Record<string, string>;
+/** Generates and downloads a sample CSV */
+export declare const generateSampleCSV: (csvType?: CSVTypeValue) => void;
+/** Formats the CSV data into the expected structure */
+export declare const formatCSVData: (data: CSVRow[], csvType?: CSVTypeValue) => CSVRow[];
+//# sourceMappingURL=helpers.d.ts.map

package/dist/components/CSVImporter/helpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../src/components/CSVImporter/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAErD,MAAM,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAE5C,2CAA2C;AAC3C,eAAO,MAAM,iBAAiB,GAAI,UAAS,YAAyB,SAiEnE,CAAC;AAEF,uDAAuD;AACvD,eAAO,MAAM,aAAa,GAAI,MAAM,MAAM,EAAE,EAAE,UAAS,YAAyB,KAAG,MAAM,EA6BxF,CAAC"}

package/dist/components/CSVImporter/index.d.ts

@@ -0,0 +1,15 @@
+import { default as React } from 'react';
+import { CSVRow } from './helpers';
+import { CSVTypeValue } from '../../constants/enums';
+
+type CSVImporterProps = {
+    csvType?: CSVTypeValue;
+    connectionType?: string;
+    onClose: () => void;
+    onConfirm: (data: CSVRow[]) => void;
+    TestConnection?: React.ComponentType<any>;
+};
+declare const CSVImporter: React.FC<CSVImporterProps>;
+export default CSVImporter;
+export type { CSVRow };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/CSVImporter/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/CSVImporter/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,OAAO,EAAoC,MAAM,EAAE,MAAM,WAAW,CAAC;AACrE,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAErD,KAAK,gBAAgB,GAAG;IACtB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACpC,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;CAC3C,CAAC;AAIF,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAkM3C,CAAC;AAEF,eAAe,WAAW,CAAC;AAC3B,YAAY,EAAE,MAAM,EAAE,CAAC"}

package/dist/components/Charts/ChartHeader/ChartHeader.stories.d.ts

@@ -0,0 +1,9 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { default as ChartHeader } from './index';
+
+declare const meta: Meta<typeof ChartHeader>;
+export default meta;
+type Story = StoryObj<typeof ChartHeader>;
+export declare const Default: Story;
+export declare const WithRightContent: Story;
+//# sourceMappingURL=ChartHeader.stories.d.ts.map

package/dist/components/Charts/ChartHeader/ChartHeader.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartHeader.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/Charts/ChartHeader/ChartHeader.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,WAAW,MAAM,SAAS,CAAC;AAElC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,WAAW,CAIlC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,WAAW,CAAC,CAAC;AAE1C,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAO9B,CAAC"}

package/dist/components/Charts/ChartHeader/index.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+
+export interface ChartHeaderProps {
+    title: string;
+    mainClassname?: string;
+    rightContent?: React.ReactNode;
+}
+declare const ChartHeader: React.FC<ChartHeaderProps>;
+export default ChartHeader;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Charts/ChartHeader/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Charts/ChartHeader/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAChC;AAED,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAY3C,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/components/Charts/CustomLegends/CustomLegends.stories.d.ts

@@ -0,0 +1,10 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { default as CustomLegends } from './index';
+
+declare const meta: Meta<typeof CustomLegends>;
+export default meta;
+type Story = StoryObj<typeof CustomLegends>;
+export declare const Default: Story;
+export declare const WithPercentages: Story;
+export declare const WithViewAll: Story;
+//# sourceMappingURL=CustomLegends.stories.d.ts.map

package/dist/components/Charts/CustomLegends/CustomLegends.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomLegends.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/Charts/CustomLegends/CustomLegends.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,aAAa,MAAM,SAAS,CAAC;AAEpC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,aAAa,CAIpC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,aAAa,CAAC,CAAC;AAE5C,eAAO,MAAM,OAAO,EAAE,KASrB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAU7B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAezB,CAAC"}

package/dist/components/Charts/CustomLegends/index.d.ts

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+
+export interface CustomLegendsProps {
+    legends: string[];
+    maxDisplayLegends?: number;
+    dataValues?: number[];
+    colors: string[];
+    showAllLegends?: boolean;
+    onClick?: () => void;
+}
+declare const CustomLegends: React.FC<CustomLegendsProps>;
+export default CustomLegends;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Charts/CustomLegends/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Charts/CustomLegends/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,kBAAkB;IACjC,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;IACtB,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAuE/C,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/components/Charts/DonutChart/DonutChart.stories.d.ts

@@ -0,0 +1,10 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { default as DonutChart } from './index';
+
+declare const meta: Meta<typeof DonutChart>;
+export default meta;
+type Story = StoryObj<typeof DonutChart>;
+export declare const Default: Story;
+export declare const WithCustomColors: Story;
+export declare const ManyCategories: Story;
+//# sourceMappingURL=DonutChart.stories.d.ts.map

package/dist/components/Charts/DonutChart/DonutChart.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DonutChart.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/Charts/DonutChart/DonutChart.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,UAAU,MAAM,SAAS,CAAC;AAEjC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CAIjC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAC;AAEzC,eAAO,MAAM,OAAO,EAAE,KAUrB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAW9B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAU5B,CAAC"}

package/dist/components/Charts/DonutChart/index.d.ts

@@ -0,0 +1,21 @@
+import { default as React } from 'react';
+
+export interface DonutChartProps {
+    labels: string[];
+    dataValues: number[];
+    colors?: string[];
+    title?: string;
+    tableHeader?: string;
+    /**
+     * Optional table component for showing all legends in modal
+     * If not provided, a simple list will be shown instead
+     */
+    renderLegendTable?: (data: Array<{
+        id: number;
+        label: string;
+        percentage: string;
+    }>) => React.ReactNode;
+}
+declare const DonutChart: React.FC<DonutChartProps>;
+export default DonutChart;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Charts/DonutChart/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Charts/DonutChart/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAWxC,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,CAAC;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,UAAU,EAAE,MAAM,CAAA;KAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;CACzG;AAED,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA8HzC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/components/Charts/GaugeChart/GaugeChart.stories.d.ts

@@ -0,0 +1,10 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { default as GaugeChart } from './index';
+
+declare const meta: Meta<typeof GaugeChart>;
+export default meta;
+type Story = StoryObj<typeof GaugeChart>;
+export declare const Default: Story;
+export declare const WithSlider: Story;
+export declare const NoData: Story;
+//# sourceMappingURL=GaugeChart.stories.d.ts.map

package/dist/components/Charts/GaugeChart/GaugeChart.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GaugeChart.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/Charts/GaugeChart/GaugeChart.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,UAAU,MAAM,SAAS,CAAC;AAEjC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CAIjC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAC;AAEzC,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAwBxB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAMpB,CAAC"}