v0.0.10

.github/workflows/github-actions-pages.yml

@@ -1,23 +1,23 @@
 name: Build and Deploy to Github Pages
 
 on:
-    push:
-        branches:
-            - main
+  push:
+    branches:
+      - main
 
 jobs:
-    build-and-deploy:
-        runs-on: ubuntu-latest
-        steps:
-            - name: Checkout 🛎️
-              uses: actions/checkout@v2.3.1
-            - name: Install and Build 🔧
-              run: |
-                  npm i pnpm --location=global
-                  pnpm i
-                  pnpm run build:docs
-            - name: Deploy 🚀
-              uses: JamesIves/github-pages-deploy-action@4.1.7
-              with:
-                  branch: gh-pages
-                  folder: dist-docs
+  build-and-deploy:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout 🛎️
+        uses: actions/checkout@v2.3.1
+      - name: Install and Build 🔧
+        run: |
+          npm i pnpm --location=global
+          pnpm i
+          pnpm run build:docs
+      - name: Deploy 🚀
+        uses: JamesIves/github-pages-deploy-action@4.1.7
+        with:
+          branch: gh-pages
+          folder: dist-docs

.github/workflows/github-actions-publish.yml

@@ -1,20 +1,20 @@
 name: Build and Publish to npm
 
 on:
-    release:
-        types: [published]
+  release:
+    types: [published]
 
 jobs:
-    build-and-publish:
-        runs-on: ubuntu-latest
-        steps:
-            - name: Checkout 🛎️
-              uses: actions/checkout@v2.3.1
-            - name: Install and Build 🔧
-              run: |
-                  npm i -g pnpm
-                  pnpm i
-                  pnpm run build
-            - run: pnpm publish --no-git-checks --access public
-              env:
-                  NODE_AUTH_TOKEN: ${{secrets.NPM_TOKEN}}
+  build-and-publish:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout 🛎️
+        uses: actions/checkout@v2.3.1
+      - name: Install and Build 🔧
+        run: |
+          npm i -g pnpm
+          pnpm i
+          pnpm run build
+      - run: npm publish --access public
+        env:
+          NODE_AUTH_TOKEN: ${{secrets.NPM_TOKEN}}

.prettierignore

@@ -1,4 +1,3 @@
-*.yml
 stats.html
 dist
 dist-docs

docs/components/Properties.tsx

@@ -18,7 +18,7 @@ export default function Properties() {
     <Stack p="md">
       <Title order={2} style={{ display: 'flex' }}>
         {'DataGrid<'}
-        <Text inherit inline color="orange" children="T extends object = any" />
+        <Text inherit inline color="orange" children="TData extends object = any" />
         {'> component props'}
       </Title>
       <Table>
@@ -90,6 +90,11 @@ const properties = [
         type: 'InitialTableState',
         description: 'The initial table state',
       },
+      {
+        name: 'onRowClick',
+        type: '(event: MouseEvent<HTMLTableRowElement, MouseEvent>, row: Row<TData>) => void',
+        description: 'Callback when clicking on a specific row',
+      },
     ],
   },
   {

docs/components/examples/OnRowClickExample.tsx

@@ -1,33 +1,7 @@
-import { MultiSelect } from '@mantine/core';
-import { DataGrid, DataGridFilterFn } from '../../../src';
+import { DataGrid, stringFilterFn } from '../../../src';
 import CodeDemo from '../CodeDemo';
 import { demoData } from '../../demoData';
 
-const catFilter: DataGridFilterFn<any> = (row, columnId, filter) => {
-  const rowValue = String(row.getValue(columnId));
-  return Array.isArray(filter) ? filter.includes(rowValue) : false;
-};
-catFilter.autoRemove = (val) => !val;
-catFilter.init = () => [];
-catFilter.element = function ({ filter, onFilterChange }) {
-  return (
-    <MultiSelect
-      data={[
-        { value: 'Peterbald', label: 'Peterbald' },
-        { value: 'Chartreux', label: 'Chartreux' },
-        { value: 'Highlander', label: 'Highlander' },
-        { value: 'Savannah', label: 'Savannah' },
-        { value: 'Birman', label: 'Birman' },
-        { value: 'Burmese', label: 'Burmese' },
-        { value: 'Siberian', label: 'Siberian' },
-      ]}
-      value={filter || []}
-      onChange={onFilterChange}
-      placeholder="Filter value"
-    />
-  );
-};
-
 export default function OnRowClickExample() {
   return (
     <CodeDemo code={grid_usage}>
@@ -36,7 +10,7 @@ export default function OnRowClickExample() {
         columns={[
           {
             accessorKey: 'cat',
-            filterFn: catFilter,
+            filterFn: stringFilterFn,
           },
         ]}
         onRowClick={(event, row) => {
@@ -60,7 +34,7 @@ function Demo() {
       columns={[
         {
           accessorKey: 'cat',
-          filterFn: catFilter,
+          filterFn: stringFilterFn,
         },
       ]}
       onRowClick={(event, row) => {

package.json

@@ -1,6 +1,6 @@
 {
   "name": "mantine-data-grid",
-  "version": "0.0.9",
+  "version": "0.0.10",
   "homepage": "https://kuechlin.github.io/mantine-data-grid/",
   "repository": {
     "type": "git",