{"_id":"@aireact/smart-datatable","_rev":"4-ae322c123bbc06efb9cb637429e39c8b","name":"@aireact/smart-datatable","dist-tags":{"latest":"1.0.3"},"versions":{"1.0.0":{"name":"@aireact/smart-datatable","version":"1.0.0","keywords":["react","datatable","ai","nlp","data"],"author":{"name":"reachbrt"},"license":"MIT","_id":"@aireact/smart-datatable@1.0.0","maintainers":[{"name":"aivue","email":"reachbrt@gmail.com"}],"dist":{"shasum":"e95f093881ae3bb2fbe1b5e65a63dfacf49f0c68","tarball":"https://registry.npmjs.org/@aireact/smart-datatable/-/smart-datatable-1.0.0.tgz","fileCount":10,"integrity":"sha512-Yu5ZnAeeNNagEsMgUQzczchcTaJw4oLMNgYwgkygDwJ9NSZtROkKIGyD2yu+wqN3xulp/6FffsWkGefqLwewPQ==","signatures":[{"sig":"MEQCIH2PAZMyQ5Txlj9XL5mPNWqIoSxvKP989dPcbRXHmOaYAiB3FfvsxBrWe94r9gPEec07C+zEYlNsl2Qzy+Z3U6kAFA==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":109923},"main":"./dist/index.js","type":"module","types":"./dist/index.d.ts","module":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js"},"./dist/smart-datatable.css":"./dist/smart-datatable.css"},"gitHead":"3578555f09dd610edce51f84a4d6d27a6b2146bd","scripts":{"dev":"vite build --watch","build":"tsc && vite build"},"_npmUser":{"name":"aivue","email":"reachbrt@gmail.com"},"_npmVersion":"10.9.2","description":"AI-native data tables with NLP queries for React","directories":{},"sideEffects":["*.css"],"_nodeVersion":"22.14.0","dependencies":{"@aireact/core":"*"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^5.0.10","typescript":"^5.3.3","@types/react":"^18.2.45","vite-plugin-dts":"^3.7.0","@types/react-dom":"^18.2.18","@vitejs/plugin-react":"^4.2.1"},"peerDependencies":{"react":"^18.0.0","react-dom":"^18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/smart-datatable_1.0.0_1765693727018_0.7271924009494242","host":"s3://npm-registry-packages-npm-production"}},"1.0.1":{"name":"@aireact/smart-datatable","version":"1.0.1","keywords":["react","datatable","ai","nlp","data"],"author":{"name":"reachbrt"},"license":"MIT","_id":"@aireact/smart-datatable@1.0.1","maintainers":[{"name":"aivue","email":"reachbrt@gmail.com"}],"dist":{"shasum":"528cb2da2016c78890ac94603229680c9d2b6c45","tarball":"https://registry.npmjs.org/@aireact/smart-datatable/-/smart-datatable-1.0.1.tgz","fileCount":11,"integrity":"sha512-Q3iDvhiFoBz5BkdU2ZeU4wKhRXnWq/1e7g34UEQEea6G33GpZjq/IjSLEJPlNt7hh9jYT2PcXDJgDs9HzhyjxA==","signatures":[{"sig":"MEUCIBNAyQyXzS2nNUl+QeNKwgAWOvRU75m438b8YDBHJ042AiEA2aPxMFAWXUYJrlOGxOsgoBA7TvRwd+2V+4bpmzLR1+Q=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":113688},"main":"./dist/index.js","type":"module","types":"./dist/index.d.ts","module":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js"},"./dist/smart-datatable.css":"./dist/smart-datatable.css"},"gitHead":"6857364eda430b8e9222514d3a5eeb6a5175c5b7","scripts":{"dev":"vite build --watch","build":"tsc && vite build"},"_npmUser":{"name":"aivue","email":"reachbrt@gmail.com"},"_npmVersion":"10.9.2","description":"AI-native data tables with NLP queries for React","directories":{},"sideEffects":["*.css"],"_nodeVersion":"22.14.0","dependencies":{"@aireact/core":"*"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^5.0.10","typescript":"^5.3.3","@types/react":"^18.2.45","vite-plugin-dts":"^3.7.0","@types/react-dom":"^18.2.18","@vitejs/plugin-react":"^4.2.1"},"peerDependencies":{"react":"^18.0.0","react-dom":"^18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/smart-datatable_1.0.1_1765695004651_0.04682552207732815","host":"s3://npm-registry-packages-npm-production"}},"1.0.2":{"name":"@aireact/smart-datatable","version":"1.0.2","keywords":["react","datatable","ai","nlp","data"],"author":{"name":"reachbrt"},"license":"MIT","_id":"@aireact/smart-datatable@1.0.2","maintainers":[{"name":"aivue","email":"reachbrt@gmail.com"}],"dist":{"shasum":"473f209b64662bce24bade38087a7ec783545abd","tarball":"https://registry.npmjs.org/@aireact/smart-datatable/-/smart-datatable-1.0.2.tgz","fileCount":11,"integrity":"sha512-GvpJIKZpHrpVUeWekrXNxM+EPhs6SX3cbiEvtKmf1Cl7pWqvYbKPNO55XnBg2eYMX77DIU5ckGc11kossGhACA==","signatures":[{"sig":"MEUCIBUCQTE5WcQLvptu5bmvY5UTb4nYYQasaKZedlzbeGpLAiEApqF0f6r8BuorNM3AkBZKtEAYBP4pps2z6I4SUwpKv6c=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":113688},"main":"./dist/index.js","type":"module","types":"./dist/index.d.ts","module":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js"},"./dist/smart-datatable.css":"./dist/smart-datatable.css"},"gitHead":"6857364eda430b8e9222514d3a5eeb6a5175c5b7","scripts":{"dev":"vite build --watch","build":"tsc && vite build"},"_npmUser":{"name":"aivue","email":"reachbrt@gmail.com"},"_npmVersion":"10.9.2","description":"AI-native data tables with NLP queries for React","directories":{},"sideEffects":["*.css"],"_nodeVersion":"22.14.0","dependencies":{"@aireact/core":"*"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^5.0.10","typescript":"^5.3.3","@types/react":"^18.2.45","vite-plugin-dts":"^3.7.0","@types/react-dom":"^18.2.18","@vitejs/plugin-react":"^4.2.1"},"peerDependencies":{"react":"^18.0.0","react-dom":"^18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/smart-datatable_1.0.2_1765696326675_0.7215543809429636","host":"s3://npm-registry-packages-npm-production"}},"1.0.3":{"name":"@aireact/smart-datatable","version":"1.0.3","description":"AI-native data tables with NLP queries for React","type":"module","main":"./dist/index.js","module":"./dist/index.js","types":"./dist/index.d.ts","exports":{".":{"import":"./dist/index.js","types":"./dist/index.d.ts"},"./dist/smart-datatable.css":"./dist/smart-datatable.css"},"scripts":{"build":"tsc && vite build","dev":"vite build --watch"},"peerDependencies":{"react":"^18.0.0","react-dom":"^18.0.0"},"dependencies":{"@aireact/core":"*"},"devDependencies":{"@types/react":"^18.2.45","@types/react-dom":"^18.2.18","@vitejs/plugin-react":"^4.2.1","typescript":"^5.3.3","vite":"^5.0.10","vite-plugin-dts":"^3.7.0"},"keywords":["react","datatable","ai","nlp","data"],"author":{"name":"reachbrt"},"license":"MIT","sideEffects":["*.css"],"_id":"@aireact/smart-datatable@1.0.3","gitHead":"eb0d57118209adc317afca9ec14db9074a14377b","_nodeVersion":"22.14.0","_npmVersion":"10.9.2","dist":{"integrity":"sha512-KLUnoubhCPqP3sYs2waRdT6HIGGXWZ8WO4lAhpovwn/1ygZ7j/71tiq5Lvj0d5pMGLt/JHSf9PaK0GmU8+BsJQ==","shasum":"b3c4add9580126b5823035eb7bef55f8edfa8ee9","tarball":"https://registry.npmjs.org/@aireact/smart-datatable/-/smart-datatable-1.0.3.tgz","fileCount":15,"unpackedSize":237051,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEYCIQDlGXQ47c7fG+eNnootEdwNG5uIzLKyIqhH6ZZxSXPN1gIhALmciddk057mOuoqz3iph0LJApsIrheqTZ5CVzi1t+Cq"}]},"_npmUser":{"name":"aivue","email":"reachbrt@gmail.com"},"directories":{},"maintainers":[{"name":"aivue","email":"reachbrt@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/smart-datatable_1.0.3_1766466267381_0.545271144062133"},"_hasShrinkwrap":false}},"time":{"created":"2025-12-14T06:28:46.929Z","modified":"2025-12-23T05:04:27.704Z","1.0.0":"2025-12-14T06:28:47.162Z","1.0.1":"2025-12-14T06:50:04.792Z","1.0.2":"2025-12-14T07:12:06.810Z","1.0.3":"2025-12-23T05:04:27.518Z"},"author":{"name":"reachbrt"},"license":"MIT","keywords":["react","datatable","ai","nlp","data"],"description":"AI-native data tables with NLP queries for React","maintainers":[{"name":"aivue","email":"reachbrt@gmail.com"}],"readme":"# @aireact/smart-datatable\n\n🚀 **AI-Powered Data Tables for React**\n\nIntelligent data tables with natural language querying and AI-powered insights.\n\n<p>\n  <a href=\"https://www.npmjs.com/package/@aireact/smart-datatable\"><img src=\"https://img.shields.io/npm/v/@aireact/smart-datatable.svg?style=flat-square\" alt=\"npm version\"></a>\n  <a href=\"https://www.npmjs.com/package/@aireact/smart-datatable\"><img src=\"https://img.shields.io/npm/dm/@aireact/smart-datatable\" alt=\"npm downloads\"></a>\n  <a href=\"https://github.com/reachbrt/AIReact/blob/main/LICENSE\"><img src=\"https://img.shields.io/npm/l/@aireact/smart-datatable.svg?style=flat-square\" alt=\"MIT License\"></a>\n  <a href=\"https://github.com/reachbrt/AIReact\"><img src=\"https://img.shields.io/github/stars/reachbrt/AIReact?style=social\" alt=\"GitHub Stars\"></a>\n</p>\n\n## ✨ Features\n\n- **💬 Natural Language Queries**: Query data using plain English\n- **📊 AI Insights**: Automatic data insights and patterns\n- **🔍 Smart Filtering**: AI-enhanced search and filtering\n- **📈 Trend Detection**: Automatic trend identification\n- **🎨 Customizable**: Fully stylable components\n- **🔧 TypeScript**: Full TypeScript support\n\n## 📦 Installation\n\n```bash\nnpm install @aireact/smart-datatable @aireact/core\n```\n\n## 🚀 Quick Start\n\n```tsx\nimport { SmartDataTable, useNLPQuery } from '@aireact/smart-datatable';\nimport '@aireact/smart-datatable/style.css';\n\nconst data = [\n  { id: 1, name: 'Alice', sales: 1200, region: 'North' },\n  { id: 2, name: 'Bob', sales: 980, region: 'South' },\n  { id: 3, name: 'Charlie', sales: 1500, region: 'East' },\n];\n\nfunction App() {\n  return (\n    <SmartDataTable\n      provider=\"openai\"\n      apiKey={process.env.REACT_APP_OPENAI_API_KEY}\n      data={data}\n      columns={['name', 'sales', 'region']}\n      enableNLQuery={true}\n      queryPlaceholder=\"Ask about your data...\"\n    />\n  );\n}\n```\n\n### Using the Hook\n\n```tsx\nimport { useNLPQuery } from '@aireact/smart-datatable';\n\nfunction CustomTable() {\n  const {\n    filteredData,\n    insights,\n    isQuerying,\n    query,\n    clearQuery\n  } = useNLPQuery({\n    provider: 'openai',\n    apiKey: process.env.REACT_APP_OPENAI_API_KEY,\n    data: salesData\n  });\n\n  return (\n    <div>\n      <input\n        placeholder=\"e.g., Show top 5 by sales\"\n        onKeyDown={(e) => {\n          if (e.key === 'Enter') query(e.target.value);\n        }}\n      />\n      {isQuerying && <span>Processing query...</span>}\n      <table>\n        <tbody>\n          {filteredData.map((row, i) => (\n            <tr key={i}>\n              <td>{row.name}</td>\n              <td>{row.sales}</td>\n              <td>{row.region}</td>\n            </tr>\n          ))}\n        </tbody>\n      </table>\n      {insights.length > 0 && (\n        <div className=\"insights\">\n          {insights.map((insight, i) => (\n            <p key={i}>{insight}</p>\n          ))}\n        </div>\n      )}\n    </div>\n  );\n}\n```\n\n## 💬 Example Queries\n\n- \"Show all records where sales > 1000\"\n- \"Sort by sales descending\"\n- \"Find top 5 performers\"\n- \"Group by region and sum sales\"\n- \"Show records from last month\"\n\n## 📖 Props\n\n| Prop | Type | Default | Description |\n|------|------|---------|-------------|\n| `provider` | string | - | AI provider |\n| `apiKey` | string | - | API key |\n| `data` | array | - | Table data |\n| `columns` | array | - | Column definitions |\n| `enableNLQuery` | boolean | true | Enable NL queries |\n| `showInsights` | boolean | true | Show AI insights |\n| `pageSize` | number | 10 | Rows per page |\n\n## 🎨 Customization\n\n```css\n:root {\n  --aireact-table-header: #f5f5f5;\n  --aireact-table-border: #e0e0e0;\n  --aireact-table-hover: #f0f0f0;\n}\n```\n\n## 📦 Related Packages\n\n### React (@aireact)\n- [@aireact/core](https://www.npmjs.com/package/@aireact/core) - Core AI Client\n- [@aireact/analytics](https://www.npmjs.com/package/@aireact/analytics) - AI Analytics\n- [@aireact/autosuggest](https://www.npmjs.com/package/@aireact/autosuggest) - AI Suggestions\n- [@aireact/chatbot](https://www.npmjs.com/package/@aireact/chatbot) - AI Chat\n\n### Vue.js (@aivue)\n- [@aivue/smart-datatable](https://www.npmjs.com/package/@aivue/smart-datatable) - Vue Smart DataTable\n- [@aivue/core](https://www.npmjs.com/package/@aivue/core) - Vue Core AI Client\n\n### Angular (@aiangular) - Coming Soon\n- @aiangular/smart-datatable - Angular Smart DataTable\n\n## 🔗 More Information\n\n- [GitHub Repository](https://github.com/reachbrt/AIReact)\n- [Full Documentation](https://github.com/reachbrt/AIReact/wiki)\n- [Report Issues](https://github.com/reachbrt/AIReact/issues)\n\n## 📄 License\n\nMIT © [Bharatkumar Subramanian](https://github.com/reachbrt)\n\n","readmeFilename":"README.md"}