update types

Author: mckervinc

example/src/ColumnProps.tsx

@@ -2,15 +2,15 @@ import React from "react";
 import { ColumnProps, Table } from "react-fluid-table";
 import { InlineCode } from "./components/library/InlineCode";
 
-interface PropData {
+type PropData = {
   prop: string;
   type: string;
   description: React.ReactNode;
   required?: boolean;
   content?: () => React.ReactNode;
   expandedType?: () => React.ReactNode;
   default?: string | number;
-}
+};
 
 const columns: ColumnProps<PropData>[] = [
   {
@@ -147,7 +147,7 @@ const ColumnPropsTable = () => (
     data={data}
     columns={columns}
     tableHeight={400}
-    className="border border-solid border-[#ececec] [&_.rft-cell:last]:border-none [&_.rft-cell]:border-r [&_.rft-cell]:border-solid [&_.rft-cell]:border-r-[#ececec] [&_.rft-header-cell-text]:text-[#ff79c5] [&_.rft-header-cell:last]:border-none [&_.rft-header-cell]:border-r [&_.rft-header-cell]:border-solid [&_.rft-header-cell]:border-r-[#ececec] [&_.rft-header]:bg-[#282a36] [&_.rft-row-container]:border-b [&_.rft-row-container]:border-b-[#ececec] last:[&_.rft-row-container]:border-b-0"
+    className="border border-solid border-[#ececec] [&_.rft-cell:last]:border-none [&_.rft-cell]:border-r [&_.rft-cell]:border-solid [&_.rft-cell]:border-r-[#ececec] [&_.rft-header-cell-text]:text-[#ff79c5] [&_.rft-header-cell:last]:border-none [&_.rft-header-cell]:border-r [&_.rft-header-cell]:border-solid [&_.rft-header-cell]:border-r-[#ececec] [&_.rft-header]:bg-[#282a36] [&_.rft-row]:border-b [&_.rft-row]:border-b-[#ececec] last:[&_.rft-row]:border-b-0"
   />
 );
 

example/src/Props.tsx

@@ -295,7 +295,7 @@ const Props = () => {
         data={data}
         columns={columns}
         tableHeight={500}
-        className="border border-solid border-[#ececec] [&_.rft-cell:last]:border-none [&_.rft-cell]:border-r [&_.rft-cell]:border-solid [&_.rft-cell]:border-r-[#ececec] [&_.rft-header-cell-text]:text-[#ff79c5] [&_.rft-header-cell:last]:border-none [&_.rft-header-cell]:border-r [&_.rft-header-cell]:border-solid [&_.rft-header-cell]:border-r-[#ececec] [&_.rft-header]:bg-[#282a36] [&_.rft-row-container]:border-b [&_.rft-row-container]:border-b-[#ececec] last:[&_.rft-row-container]:border-b-0"
+        className="border border-solid border-[#ececec] [&_.rft-cell:last]:border-none [&_.rft-cell]:border-r [&_.rft-cell]:border-solid [&_.rft-cell]:border-r-[#ececec] [&_.rft-header-cell-text]:text-[#ff79c5] [&_.rft-header-cell:last]:border-none [&_.rft-header-cell]:border-r [&_.rft-header-cell]:border-solid [&_.rft-header-cell]:border-r-[#ececec] [&_.rft-header]:bg-[#282a36] [&_.rft-row]:border-b [&_.rft-row]:border-b-[#ececec] last:[&_.rft-row]:border-b-0"
       />
       <div className="my-8 border-b border-t border-solid border-b-[rgba(255,255,255,.1)] border-t-[rgba(34,36,38,.15)]" />
       <div className="mb-3.5 mt-6 border-b-2 border-solid border-[#db2828] pb-1 text-lg font-bold leading-[1.28571429em] text-[#db2828]">

example/src/examples/07-controlled.tsx

@@ -101,17 +101,17 @@ const Controlled = ({ data, height, columns: variableColumns }: ControlledProps)
   );
 };
 
-interface ToggleType {
+type ToggleType = {
   data: boolean;
   height: boolean;
   columns: boolean;
-}
+};
 
-interface DataType {
+type DataType = {
   data: TestData[];
   height: number;
   columns: ColumnProps<TestData>[];
-}
+};
 
 type keyM = keyof ToggleType;
 type keyD = keyof DataType;

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-fluid-table",
-  "version": "1.3.0",
+  "version": "1.4.0",
   "description": "A React table inspired by @tanstack/react-virtual",
   "author": "Mckervin Ceme <mckervinc@live.com>",
   "license": "MIT",