@bsol-oss/react-datatable5 1.0.5 → 1.0.6

package/src/stories/CardViewShowcase.tsx

@@ -1,103 +0,0 @@
-// import React from 'react';
-import { ButtonGroup, ChakraProvider, theme } from "@chakra-ui/react";
-import { ColumnDef, createColumnHelper } from "@tanstack/react-table";
-import DataTable from "../components/DataTable";
-import EditFilterButton from "../components/EditFilterButton";
-import EditSortingButton from "../components/EditSortingButton";
-import EditViewButton from "../components/EditViewButton";
-import PageSizeControl from "../components/PageSizeControl";
-import TableCardContainer from "../components/TableCardContainer";
-import TableCards from "../components/TableCards";
-import TablePagination from "../components/TablePagination";
-import TextCell from "../components/TextCell";
-
-interface ChatRecord {
-  session_id: string;
-  last_user_message: string;
-  last_system_response: string;
-  total_token: number;
-  total_prompt_tokens: number;
-  total_completion_tokens: number;
-  total_normalise_tokens: number;
-  chat_type: string;
-  model: string;
-  created_by: string;
-  last_update: string;
-}
-
-interface RowActionsProps {
-  row: ChatRecord;
-}
-
-const RowActions = ({ row }: RowActionsProps) => {
-  return <>no actions</>;
-};
-
-const CardViewShowcase = () => {
-  const columnHelper = createColumnHelper<ChatRecord>();
-
-  const columns: ColumnDef<ChatRecord>[] = [
-    // Display Column
-    columnHelper.display({
-      id: "actions",
-      header: () => <span>Actions</span>,
-      cell: (props) => <RowActions row={props.row.original} />,
-    }),
-
-    // Grouping Column
-    columnHelper.group({
-      header: "Information",
-      footer: (props) => props.column.id,
-      columns: [
-        columnHelper.accessor("session_id", {
-          cell: (props) => {
-            return <TextCell>{props.row.original.session_id}</TextCell>;
-          },
-          header: () => <span>Session Id</span>,
-          footer: (props) => props.column.id,
-        }),
-        columnHelper.accessor("last_user_message", {
-          cell: (props) => {
-            return <TextCell>{props.row.original.last_user_message}</TextCell>;
-          },
-
-          header: () => <span>User Message</span>,
-          footer: (props) => props.column.id,
-        }),
-        // Accessor Column
-        columnHelper.accessor("total_token", {
-          cell: (props) => {
-            return <TextCell>{props.row.original.total_token}</TextCell>;
-          },
-          header: () => <span>Total Token</span>,
-          footer: (props) => props.column.id,
-          sortDescFirst: false,
-        }),
-      ],
-    }),
-  ];
-
-  return (
-    <ChakraProvider theme={theme}>
-      <DataTable
-        columns={columns}
-        url={"http://localhost:8333/api/v1/gpt/chat/history/all"}
-      >
-        <TablePagination />
-        <ButtonGroup isAttached>
-          <EditViewButton />
-          <EditFilterButton />
-          <EditSortingButton />
-        </ButtonGroup>
-
-        <TableCardContainer>
-          <TableCards />
-        </TableCardContainer>
-        <PageSizeControl />
-        <TablePagination />
-      </DataTable>
-    </ChakraProvider>
-  );
-};
-
-export default CardViewShowcase;

package/src/stories/DataTable.stories.tsx

@@ -1,30 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/react";
-import TableViewShowcase from "./TableViewShowcase";
-import CardViewShowcase from "./CardViewShowcase";
-
-// More on how to set up stories at: https://storybook.js.org/docs/writing-stories#default-export
-const meta = {
-  title: "DataTable/TableView",
-  component: TableViewShowcase,
-  parameters: {
-  },
-  
-  argTypes: {
-  },
-
-} satisfies Meta<typeof TableViewShowcase>;
-
-export default meta;
-type Story = StoryObj<typeof meta>;
-
-export const TableView: Story = {
-  render: () => {
-    return <TableViewShowcase />;
-  },
-};
-
-export const CardView = {
-  render: () => {
-    return <CardViewShowcase />;
-  },
-};

package/src/stories/TableViewShowcase.tsx

@@ -1,105 +0,0 @@
-// import React from 'react';
-import { ChakraProvider, theme } from "@chakra-ui/react";
-import { ColumnDef, createColumnHelper } from "@tanstack/react-table";
-import DataTable from "../components/DataTable";
-import EditViewButton from "../components/EditViewButton";
-import PageSizeControl from "../components/PageSizeControl";
-import ResetFilteringButton from "../components/ResetFilteringButton";
-import ResetSortingButton from "../components/ResetSortingButton";
-import Table from "../components/Table";
-import TableBody from "../components/TableBody";
-import TableFilter from "../components/TableFilter";
-import TableFooter from "../components/TableFooter";
-import TableHeader from "../components/TableHeader";
-import TablePagination from "../components/TablePagination";
-import TextCell from "../components/TextCell";
-
-interface ChatRecord {
-  session_id: string;
-  last_user_message: string;
-  last_system_response: string;
-  total_token: number;
-  total_prompt_tokens: number;
-  total_completion_tokens: number;
-  total_normalise_tokens: number;
-  chat_type: string;
-  model: string;
-  created_by: string;
-  last_update: string;
-}
-
-interface RowActionsProps {
-  row: ChatRecord;
-}
-
-const RowActions = ({ row }: RowActionsProps) => {
-  return <>has no actions</>;
-};
-
-const TableViewShowcase = () => {
-  const columnHelper = createColumnHelper<ChatRecord>();
-
-  const columns: ColumnDef<ChatRecord>[] = [
-    // Display Column
-    columnHelper.display({
-      id: "actions",
-      header: () => <span>Actions</span>,
-      cell: (props) => <RowActions row={props.row.original} />,
-    }),
-
-    // Grouping Column
-    columnHelper.group({
-      header: "Information",
-      footer: (props) => props.column.id,
-      columns: [
-        columnHelper.accessor("session_id", {
-          cell: (props) => {
-            return <TextCell>{props.row.original.session_id}</TextCell>;
-          },
-          header: () => <span>Session Id</span>,
-          footer: (props) => props.column.id,
-        }),
-        columnHelper.accessor("last_user_message", {
-          cell: (props) => {
-            return <TextCell>{props.row.original.last_user_message}</TextCell>;
-          },
-
-          header: () => <span>User Message</span>,
-          footer: (props) => props.column.id,
-        }),
-        // Accessor Column
-        columnHelper.accessor("total_token", {
-          cell: (props) => {
-            return <TextCell>{props.row.original.total_token}</TextCell>;
-          },
-          header: () => <span>Total Token</span>,
-          footer: (props) => props.column.id,
-          sortDescFirst: false,
-        }),
-      ],
-    }),
-  ];
-
-  return (
-    <ChakraProvider theme={theme}>
-      <DataTable
-        columns={columns}
-        url={"http://localhost:8333/api/v1/gpt/chat/history/all"}
-      >
-        <EditViewButton />
-        <ResetSortingButton />
-        <TableFilter />
-        <ResetFilteringButton />
-        <Table>
-          <TableHeader />
-          <TableBody />
-          <TableFooter />
-        </Table>
-        <PageSizeControl />
-        <TablePagination />
-      </DataTable>
-    </ChakraProvider>
-  );
-};
-
-export default TableViewShowcase;

package/src/vite-env.d.ts

@@ -1 +0,0 @@
-/// <reference types="vite/client" />

package/tsconfig.json

@@ -1,26 +0,0 @@
-{
-  "compilerOptions": {
-    "declaration": true,
-    "outDir": "./dist/types",
-    "target": "ES2020",
-    "useDefineForClassFields": true,
-    "lib": ["ES2020", "DOM", "DOM.Iterable"],
-    "module": "ESNext",
-    "skipLibCheck": true,
-    
-    /* Bundler mode */
-    "moduleResolution": "bundler",
-    "allowImportingTsExtensions": true,
-    "resolveJsonModule": true,
-    "isolatedModules": true,
-    "noEmit": true,
-    "jsx": "react-jsx",
-    /* Linting */
-    "strict": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "noFallthroughCasesInSwitch": true
-  },
-  "include": ["src"],
-  "references": [{ "path": "./tsconfig.node.json" }]
-}

package/tsconfig.node.json

@@ -1,11 +0,0 @@
-{
-  "compilerOptions": {
-    "composite": true,
-    "skipLibCheck": true,
-    "module": "ESNext",
-    "moduleResolution": "bundler",
-    "allowSyntheticDefaultImports": true,
-    "strict": true
-  },
-  "include": ["vite.config.ts"]
-}

package/vite.config.ts

@@ -1,7 +0,0 @@
-import { defineConfig } from "vite";
-import react from "@vitejs/plugin-react";
-
-// https://vitejs.dev/config/
-export default defineConfig({
-  plugins: [react()],
-});