{"_id":"@bonaxl015/data-table","_rev":"5-c50bf8bce3a0cd908c58941332fc0c83","name":"@bonaxl015/data-table","dist-tags":{"latest":"1.0.14"},"versions":{"1.0.10":{"name":"@bonaxl015/data-table","version":"1.0.10","keywords":["table","datatable"],"author":{"name":"bonaxl015"},"license":"MIT","_id":"@bonaxl015/data-table@1.0.10","maintainers":[{"name":"bonaxl015","email":"bonaxl015@gmail.com"}],"homepage":"https://github.com/bonaxl015/data-table#readme","bugs":{"url":"https://github.com/bonaxl015/data-table/issues"},"dist":{"shasum":"755d96cc08ab4819c09cb3a210c92a84defae863","tarball":"https://registry.npmjs.org/@bonaxl015/data-table/-/data-table-1.0.10.tgz","fileCount":52,"integrity":"sha512-7cT49Ze+fXm3xZY0zbGm1Yo6T131sTtyKzB5vVysU2bfHqxdCqEb5oqsBlJYSRypacKS+PPKk56tLbYKcJdLCg==","signatures":[{"sig":"MEYCIQCudUQCVZEMT8BemY5oonVcnU1sUA853wa0cm2bAmAkYQIhAMs9Sh+EyF7WUTvMsJ44W8Ya9V19p0dgCRb/79LkYDfO","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":13450132},"main":"dist/index.cjs.js","type":"module","types":"dist/index.d.ts","module":"dist/index.es.js","gitHead":"48341d0b8234a58febec9abf7d5cff12f612f4b8","scripts":{"lint":"eslint . --ext .ts,.tsx --fix","test":"vitest run","build":"tsc && vite build","format":"prettier --write --parser typescript '**/*.{ts,tsx}'","prepare":"husky","test:watch":"vitest","lint-staged":"lint-staged","build:storybook":"storybook build","start:storybook":"storybook dev -p 6006"},"_npmUser":{"name":"bonaxl015","email":"bonaxl015@gmail.com"},"repository":{"url":"git+https://github.com/bonaxl015/data-table.git","type":"git"},"_npmVersion":"10.8.2","description":"UI component based from ant-design's Table and Form components. Used for displaying data and perform queries.","directories":{},"lint-staged":{"*.{ts,tsx}":["yarn format","yarn lint"]},"_nodeVersion":"20.19.3","publishConfig":{"registry":"https://npm.pkg.github.com/@bonaxl015"},"_hasShrinkwrap":false,"devDependencies":{"antd":"^5.20.5","vite":"^5.4.3","husky":"^9.1.5","jsdom":"^25.0.0","react":"^18.3.1","eslint":"^8.57.0","vitest":"^2.0.5","prettier":"^3.3.3","react-dom":"^18.3.1","storybook":"^8.2.9","typescript":"^5.5.4","lint-staged":"^15.2.10","@types/jsdom":"^21.1.7","@types/react":"^18.3.5","@commitlint/cli":"^19.8.1","@storybook/test":"^8.2.9","vite-plugin-dts":"^4.1.0","@storybook/react":"^8.2.9","@storybook/blocks":"^8.2.9","styled-components":"^6.1.13","eslint-plugin-react":"^7.35.2","@vitejs/plugin-react":"^4.7.0","@storybook/react-vite":"^8.2.9","@storybook/addon-links":"^8.2.9","@testing-library/react":"^16.0.1","eslint-config-prettier":"^9.1.0","eslint-plugin-prettier":"^5.2.1","eslint-plugin-storybook":"^0.8.0","@chromatic-com/storybook":"^1.8.0","@testing-library/jest-dom":"^6.5.0","@typescript-eslint/parser":"^8.4.0","eslint-plugin-react-hooks":"^4.6.2","@storybook/addon-essentials":"^8.2.9","@storybook/addon-onboarding":"^8.2.9","@storybook/addon-interactions":"^8.2.9","@commitlint/config-conventional":"^19.8.1","@typescript-eslint/eslint-plugin":"^8.4.0"},"peerDependencies":{"antd":"^5.20.5","react":"^18.3.1"},"_npmOperationalInternal":{"tmp":"tmp/data-table_1.0.10_1753191246585_0.3799540647518067","host":"s3://npm-registry-packages-npm-production"}},"1.0.11":{"name":"@bonaxl015/data-table","version":"1.0.11","keywords":["table","datatable"],"author":{"name":"bonaxl015"},"license":"MIT","_id":"@bonaxl015/data-table@1.0.11","maintainers":[{"name":"bonaxl015","email":"bonaxl015@gmail.com"}],"homepage":"https://github.com/bonaxl015/data-table#readme","bugs":{"url":"https://github.com/bonaxl015/data-table/issues"},"dist":{"shasum":"dccf741359be37fdc34b5bb8daaa2aa118a0f972","tarball":"https://registry.npmjs.org/@bonaxl015/data-table/-/data-table-1.0.11.tgz","fileCount":52,"integrity":"sha512-6QVkDObanmBfAX3nauTiOtGrnPgYTsK4z1u3POPQAxfthkeTHYK/24LsrCpOZWRRdvfQMw67EjTmm6/Etx7DaA==","signatures":[{"sig":"MEUCIBQWLVbLreqZcJv0hkTWGYK8cz1Vw6gzyt3yNRUCKM+3AiEAnBx9m54lCN1h9Cgp5IA4oq44dRCiN5xQIVBRxuDizzo=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":13450126},"main":"dist/index.cjs.js","type":"module","types":"dist/index.d.ts","module":"dist/index.es.js","gitHead":"59620c57464f65873a50ddbf609b4d74cbd72330","scripts":{"lint":"eslint . --ext .ts,.tsx --fix","test":"vitest run","build":"tsc && vite build","format":"prettier --write --parser typescript '**/*.{ts,tsx}'","prepare":"husky","test:watch":"vitest","lint-staged":"lint-staged","build:storybook":"storybook build","start:storybook":"storybook dev -p 6006"},"_npmUser":{"name":"bonaxl015","email":"bonaxl015@gmail.com"},"repository":{"url":"git+https://github.com/bonaxl015/data-table.git","type":"git"},"_npmVersion":"10.8.2","description":"UI component based from ant-design's Table and Form components. Used for displaying data and perform queries.","directories":{},"lint-staged":{"*.{ts,tsx}":["yarn format","yarn lint"]},"_nodeVersion":"20.19.3","publishConfig":{"registry":"https://npm.pkg.github.com/@bonaxl015"},"_hasShrinkwrap":false,"devDependencies":{"antd":"^5.20.5","vite":"^5.4.3","husky":"^9.1.5","jsdom":"^25.0.0","react":"^18.3.1","eslint":"^8.57.0","vitest":"^2.0.5","prettier":"^3.3.3","react-dom":"^18.3.1","storybook":"^8.2.9","typescript":"^5.5.4","lint-staged":"^15.2.10","@types/jsdom":"^21.1.7","@types/react":"^18.3.5","@commitlint/cli":"^19.8.1","@storybook/test":"^8.2.9","vite-plugin-dts":"^4.1.0","@storybook/react":"^8.2.9","@storybook/blocks":"^8.2.9","styled-components":"^6.1.13","eslint-plugin-react":"^7.35.2","@vitejs/plugin-react":"^4.7.0","@storybook/react-vite":"^8.2.9","@storybook/addon-links":"^8.2.9","@testing-library/react":"^16.0.1","eslint-config-prettier":"^9.1.0","eslint-plugin-prettier":"^5.2.1","eslint-plugin-storybook":"^0.8.0","@chromatic-com/storybook":"^1.8.0","@testing-library/jest-dom":"^6.5.0","@typescript-eslint/parser":"^8.4.0","eslint-plugin-react-hooks":"^4.6.2","@storybook/addon-essentials":"^8.2.9","@storybook/addon-onboarding":"^8.2.9","@storybook/addon-interactions":"^8.2.9","@commitlint/config-conventional":"^19.8.1","@typescript-eslint/eslint-plugin":"^8.4.0"},"peerDependencies":{"antd":"^5.20.5","react":"^18.3.1"},"_npmOperationalInternal":{"tmp":"tmp/data-table_1.0.11_1753195017518_0.7628169205772874","host":"s3://npm-registry-packages-npm-production"}},"1.0.12":{"name":"@bonaxl015/data-table","version":"1.0.12","keywords":["table","datatable"],"author":{"name":"bonaxl015"},"license":"MIT","_id":"@bonaxl015/data-table@1.0.12","maintainers":[{"name":"bonaxl015","email":"bonaxl015@gmail.com"}],"homepage":"https://github.com/bonaxl015/data-table#readme","bugs":{"url":"https://github.com/bonaxl015/data-table/issues"},"dist":{"shasum":"cf801aa7efade2ed2c8bf3ab563f1bb6a2904151","tarball":"https://registry.npmjs.org/@bonaxl015/data-table/-/data-table-1.0.12.tgz","fileCount":53,"integrity":"sha512-AMcoF+NW8uBUvZEp629QxmEvzsFKSLvZ3M6r1MtmlKwpt9wIqlQVLF5uRj+0vSgc7/dFmN9zeKZ+HOwChgoKwA==","signatures":[{"sig":"MEQCIAlvu/MYAytT+c9OSiiQqAiq5qG5vheJ8Wx1aK12a+VqAiA0LbcvX87sHGmMyyBVmaI1dlsupFZVYf//pCx2dcvA0A==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":13452151},"main":"dist/index.cjs.js","type":"module","types":"dist/index.d.ts","module":"dist/index.es.js","gitHead":"2d34ac938990093481c675598e98e2bd73478f5a","scripts":{"lint":"eslint . --ext .ts,.tsx --fix","test":"vitest run","build":"tsc && vite build","format":"prettier --write --parser typescript '**/*.{ts,tsx}'","prepare":"husky","test:watch":"vitest","lint-staged":"lint-staged","build:storybook":"storybook build","start:storybook":"storybook dev -p 6006"},"_npmUser":{"name":"bonaxl015","email":"bonaxl015@gmail.com"},"repository":{"url":"git+https://github.com/bonaxl015/data-table.git","type":"git"},"_npmVersion":"10.8.2","description":"UI component based from ant-design's Table and Form components. Used for displaying data and perform queries.","directories":{},"lint-staged":{"*.{ts,tsx}":["yarn format","yarn lint"]},"_nodeVersion":"20.19.3","publishConfig":{"registry":"https://npm.pkg.github.com/@bonaxl015"},"_hasShrinkwrap":false,"devDependencies":{"antd":"^5.20.5","vite":"^5.4.3","husky":"^9.1.5","jsdom":"^25.0.0","react":"^18.3.1","eslint":"^8.57.0","vitest":"^2.0.5","prettier":"^3.3.3","react-dom":"^18.3.1","storybook":"^8.2.9","typescript":"^5.5.4","lint-staged":"^15.2.10","@types/jsdom":"^21.1.7","@types/react":"^18.3.5","@commitlint/cli":"^19.8.1","@storybook/test":"^8.2.9","vite-plugin-dts":"^4.1.0","@storybook/react":"^8.2.9","@storybook/blocks":"^8.2.9","styled-components":"^6.1.13","eslint-plugin-react":"^7.35.2","@vitejs/plugin-react":"^4.7.0","@storybook/react-vite":"^8.2.9","@storybook/addon-links":"^8.2.9","@testing-library/react":"^16.0.1","eslint-config-prettier":"^9.1.0","eslint-plugin-prettier":"^5.2.1","eslint-plugin-storybook":"^0.8.0","@chromatic-com/storybook":"^1.8.0","@testing-library/jest-dom":"^6.5.0","@typescript-eslint/parser":"^8.4.0","eslint-plugin-react-hooks":"^4.6.2","@storybook/addon-essentials":"^8.2.9","@storybook/addon-onboarding":"^8.2.9","@storybook/addon-interactions":"^8.2.9","@commitlint/config-conventional":"^19.8.1","@typescript-eslint/eslint-plugin":"^8.4.0"},"peerDependencies":{"antd":"^5.20.5","react":"^18.3.1"},"_npmOperationalInternal":{"tmp":"tmp/data-table_1.0.12_1753197484120_0.7449069670760657","host":"s3://npm-registry-packages-npm-production"}},"1.0.13":{"name":"@bonaxl015/data-table","version":"1.0.13","keywords":["table","datatable"],"author":{"name":"bonaxl015"},"license":"MIT","_id":"@bonaxl015/data-table@1.0.13","maintainers":[{"name":"bonaxl015","email":"bonaxl015@gmail.com"}],"homepage":"https://github.com/bonaxl015/data-table#readme","bugs":{"url":"https://github.com/bonaxl015/data-table/issues"},"dist":{"shasum":"0698fdf81bf1992500fb1075933f29c3179ea0a7","tarball":"https://registry.npmjs.org/@bonaxl015/data-table/-/data-table-1.0.13.tgz","fileCount":51,"integrity":"sha512-egsOAJjCb10MXu36KF57dVCkLsaOmI3w3jDZC4IGNGkyCqHm1aDyXET0nR8M/X5xXBuH+eQoJC2IxfkHZTLk/w==","signatures":[{"sig":"MEUCIQCTFhpBFEsZDfS+ff9C2R3MCUcRQi4S8ey6kVB0c4klIwIgQbjVrkDCKL82EoSqi5derEtdtNEsfVEHb5m0pq5SP0Q=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":2990791},"main":"dist/index.cjs.js","type":"module","types":"dist/index.d.ts","module":"dist/index.es.js","gitHead":"6759c82d0c005bad1946150896ec4b3bf6db457b","scripts":{"lint":"eslint . --ext .ts,.tsx --fix","test":"vitest run","build":"tsc && vite build","format":"prettier --write --parser typescript '**/*.{ts,tsx}'","prepare":"husky","test:watch":"vitest","lint-staged":"lint-staged","build:storybook":"storybook build","start:storybook":"storybook dev -p 6006"},"_npmUser":{"name":"bonaxl015","email":"bonaxl015@gmail.com"},"repository":{"url":"git+https://github.com/bonaxl015/data-table.git","type":"git"},"_npmVersion":"10.8.2","description":"UI component based from ant-design's Table and Form components. Used for displaying data and perform queries.","directories":{},"lint-staged":{"*.{ts,tsx}":["yarn format","yarn lint"]},"_nodeVersion":"20.19.4","dependencies":{"antd":"^5.20.5","react":"^18.3.1","react-dom":"^18.3.1","styled-components":"^6.1.13"},"publishConfig":{"registry":"https://npm.pkg.github.com/@bonaxl015"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^5.4.3","husky":"^9.1.5","jsdom":"^25.0.0","eslint":"^8.57.0","vitest":"^2.0.5","prettier":"^3.3.3","storybook":"^8.2.9","typescript":"^5.5.4","lint-staged":"^15.2.10","@types/jsdom":"^21.1.7","@types/react":"^18.3.5","@commitlint/cli":"^19.8.1","@storybook/test":"^8.2.9","vite-plugin-dts":"^4.1.0","@storybook/react":"^8.2.9","@storybook/blocks":"^8.2.9","eslint-plugin-react":"^7.35.2","@vitejs/plugin-react":"^4.7.0","vite-bundle-analyzer":"^1.1.0","@storybook/react-vite":"^8.2.9","@storybook/addon-links":"^8.2.9","@testing-library/react":"^16.0.1","eslint-config-prettier":"^9.1.0","eslint-plugin-prettier":"^5.2.1","eslint-plugin-storybook":"^0.8.0","@chromatic-com/storybook":"^1.8.0","@testing-library/jest-dom":"^6.5.0","@typescript-eslint/parser":"^8.4.0","eslint-plugin-react-hooks":"^4.6.2","@storybook/addon-essentials":"^8.2.9","@storybook/addon-onboarding":"^8.2.9","@storybook/addon-interactions":"^8.2.9","@commitlint/config-conventional":"^19.8.1","@typescript-eslint/eslint-plugin":"^8.4.0"},"peerDependencies":{"antd":"^5.20.5","react":"^18.3.1"},"_npmOperationalInternal":{"tmp":"tmp/data-table_1.0.13_1753411017443_0.436974782978365","host":"s3://npm-registry-packages-npm-production"}},"1.0.14":{"name":"@bonaxl015/data-table","version":"1.0.14","type":"module","main":"dist/index.cjs.js","module":"dist/index.es.js","types":"dist/index.d.ts","sideEffects":false,"repository":{"type":"git","url":"git+https://github.com/bonaxl015/data-table.git"},"bugs":{"url":"https://github.com/bonaxl015/data-table/issues"},"scripts":{"build":"vite build","build:storybook":"storybook build","format":"prettier --write --parser typescript '**/*.{ts,tsx}'","lint":"eslint . --ext .ts,.tsx --fix","lint-staged":"lint-staged","prepare":"husky","start:storybook":"storybook dev -p 6006","test":"vitest run","test:watch":"vitest"},"keywords":["table","datatable"],"author":{"name":"bonaxl015"},"license":"MIT","description":"UI component based from ant-design's Table and Form components. Used for displaying data and perform queries.","devDependencies":{"@chromatic-com/storybook":"^1.8.0","@commitlint/cli":"^19.8.1","@commitlint/config-conventional":"^19.8.1","@storybook/addon-essentials":"^8.2.9","@storybook/addon-interactions":"^8.2.9","@storybook/addon-links":"^8.2.9","@storybook/addon-onboarding":"^8.2.9","@storybook/blocks":"^8.2.9","@storybook/react":"^8.2.9","@storybook/react-vite":"^8.2.9","@storybook/test":"^8.2.9","@testing-library/jest-dom":"^6.5.0","@testing-library/react":"^16.0.1","@types/jsdom":"^21.1.7","@types/react":"^18.3.5","@typescript-eslint/eslint-plugin":"^8.4.0","@typescript-eslint/parser":"^8.4.0","@vitejs/plugin-react":"^4.7.0","eslint":"^8.57.0","eslint-config-prettier":"^9.1.0","eslint-plugin-prettier":"^5.2.1","eslint-plugin-react":"^7.35.2","eslint-plugin-react-hooks":"^4.6.2","eslint-plugin-storybook":"^0.8.0","husky":"^9.1.5","jsdom":"^25.0.0","lint-staged":"^15.2.10","prettier":"^3.3.3","storybook":"^8.2.9","typescript":"^5.5.4","vite":"^5.4.3","vite-bundle-analyzer":"^1.1.0","vite-plugin-dts":"^4.1.0","vitest":"^2.0.5"},"dependencies":{"antd":"^5.20.5","styled-components":"^6.1.13","react":"^18.3.1","react-dom":"^18.3.1"},"peerDependencies":{"antd":"^5.20.5","react":"^18.3.1"},"lint-staged":{"*.{ts,tsx}":["yarn format","yarn lint"]},"publishConfig":{"registry":"https://npm.pkg.github.com/@bonaxl015"},"_id":"@bonaxl015/data-table@1.0.14","gitHead":"268f7f6dd5c5ee630b8b4a7b613a53536924d7e3","homepage":"https://github.com/bonaxl015/data-table#readme","_nodeVersion":"20.19.4","_npmVersion":"10.8.2","dist":{"integrity":"sha512-XCsIivMy3NuVRuI9dtIMX/X6s5sDM5hge8vfPvhcOXSMI9sylirbdJ3Yi0FBoF7DEYqSSyWYSjhfx3VdxUvVow==","shasum":"1be568ce0edc4f0d587777f404a3f93a0971e61b","tarball":"https://registry.npmjs.org/@bonaxl015/data-table/-/data-table-1.0.14.tgz","fileCount":51,"unpackedSize":1894794,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQCApNdKvHEbt6bvGm1tnLlCPoXzAh/FYydr9AHAeqHfZAIgWAFgy8fLV5NJM+WdCV0N1BiieW54f/HgJdg6xIw7y9E="}]},"_npmUser":{"name":"bonaxl015","email":"bonaxl015@gmail.com"},"directories":{},"maintainers":[{"name":"bonaxl015","email":"bonaxl015@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/data-table_1.0.14_1753427719322_0.5903286509941805"},"_hasShrinkwrap":false}},"time":{"created":"2025-07-22T13:34:06.531Z","modified":"2025-07-25T07:15:19.699Z","1.0.10":"2025-07-22T13:34:06.849Z","1.0.11":"2025-07-22T14:36:57.872Z","1.0.12":"2025-07-22T15:18:04.393Z","1.0.13":"2025-07-25T02:36:57.737Z","1.0.14":"2025-07-25T07:15:19.527Z"},"bugs":{"url":"https://github.com/bonaxl015/data-table/issues"},"author":{"name":"bonaxl015"},"license":"MIT","homepage":"https://github.com/bonaxl015/data-table#readme","keywords":["table","datatable"],"repository":{"type":"git","url":"git+https://github.com/bonaxl015/data-table.git"},"description":"UI component based from ant-design's Table and Form components. Used for displaying data and perform queries.","maintainers":[{"name":"bonaxl015","email":"bonaxl015@gmail.com"}],"readme":"# DataTable\n\nComponent library that extends the usage of antd library to \ndisplay data with complete functionality such as search filters, \ntable row operations, paginations and lots of custom functionalities.\n\n#### Peer Dependencies\n\n```\n  \"antd\": \"^5.20.5\",\n  \"react\": \"^18.3.1\"\n```\n\n#### Basic Usage\n\n```ts\nimport { DataTable } from \"@bonaxl015/data-table\";\nimport { Input } from \"antd\";\n\nconst App = () => {\n  const columns = [\n    {\n      key: 'number',\n      title: 'No',\n      dataIndex: 'number',\n      align: 'center',\n      render: (_text, _record, index) => <p>{index + 1}</p>\n    },\n    {\n      key: 'firstName',\n      title: 'First Name',\n      dataIndex: 'firstName',\n      align: 'center'\n    },\n    {\n      key: 'lastName',\n      title: 'Last Name',\n      dataIndex: 'lastName',\n      align: 'center'\n    },\n    {\n      key: 'age',\n      title: 'Age',\n      dataIndex: 'age',\n      align: 'center'\n    }\n  ];\n\n  const dataSource = [\n    {\n      id: 1,\n      firstName: 'Juan',\n      lastName: 'Dela Cruz',\n      age: 11\n    },\n    {\n      id: 2,\n      firstName: 'Marco',\n      lastName: 'Dela Rosa',\n      age: 22\n    },\n    {\n      id: 3,\n      firstName: 'Gerald',\n      lastName: 'Santos',\n      age: 33\n    }\n  ]\n\n  const searchFields = [\n    {\n      name: 'firstName',\n      label: 'First Name',\n      children: <Input />,\n    },\n    {\n      name: 'lastName',\n      label: 'Last Name',\n      children: <Input />,\n    }\n  ]\n\n  const actionsColumn = [\n    {\n      title: \"Edit\",\n      isDisplay: () => true,\n      onClick: (record) => {\n        console.log(record);\n      },\n    },\n    {\n      title: <span style={{ color: \"red\" }}>Delete</span>,\n      isDisplay: () => true,\n      onClick: (record) => {\n        console.log(record);\n      },\n    },\n  ];\n\n  return (\n    <DataTable\n      rowKey=\"id\"\n      columns={columns}\n      dataSource={dataSource}\n      searchFields={searchFields}\n      actionsColumn={actionsColumn}\n      pageSizeOptions={[10, 20, 50, 100]}\n    />\n  );\n};\n\nexport default App;\n```","readmeFilename":"README.md"}