simple-table-core 0.4.3 → 0.4.5

package/README.md

@@ -1,157 +1,19 @@
 # Simple Table
 
-Any questions, support or features requests join me on Dicord [https://discord.gg/RvKHCfg3PC](https://discord.gg/RvKHCfg3PC). I am happy to help and make this table even better!
+Any questions, support or features requests join me on Dicord <a href="https://discord.gg/RvKHCfg3PC" target="_blank">https://discord.gg/RvKHCfg3PC</a>. I am happy to help and make this table even better!
 
 Simple Table is a React grid package designed to provide a flexible and easy-to-use table component for your React applications.
 
+## Live Demo
+
+Check out the live demo on CodeSandbox: <a href="https://codesandbox.io/p/sandbox/simple-table-pagination-example-rdjm5d?file=%2Fsrc%2FApp.tsx%3A33%2C24" target="_blank">Simple Table Pagination Example</a>
+
 <div align="center">
-    <a href="https://github.com/petera2c/simple-table-marketing/blob/main/src/assets/simple-table-demo-fast.gif?raw=true">
+    <a href="https://github.com/petera2c/simple-table-marketing/blob/main/src/assets/simple-table-demo-fast.gif?raw=true" target="_blank">
         <img src="https://github.com/petera2c/simple-table-marketing/blob/main/src/assets/simple-table-demo-fast.gif?raw=true" alt="Simple Table Demo" />
     </a>
 </div>
 
-## Live Demo
-
-Check out the live demo on CodeSandbox: [Simple Table Pagination Example](https://codesandbox.io/p/sandbox/simple-table-pagination-example-rdjm5d?file=%2Fsrc%2FApp.tsx%3A33%2C24)
-
-## Example Usage
-
-```tsx
-import { useState } from "react";
-import { SimpleTable } from "simple-table-core";
-import CellChangeProps from "simple-table-core/dist/types/CellChangeProps";
-import "simple-table-core/dist/style.css";
-
-const SAMPLE_HEADERS: any[] = [
-  { label: "Product ID", accessor: "id", width: 150 },
-  { label: "Product Name", accessor: "productName", width: 200 },
-  { label: "Category", accessor: "category", width: 150 },
-  { label: "Quantity", accessor: "quantity", width: 100 },
-  { label: "Price", accessor: "price", width: 100 },
-  { label: "Supplier", accessor: "supplier", width: 150 },
-  { label: "Location", accessor: "location", width: 150 },
-  { label: "Reorder Level", accessor: "reorderLevel", width: 100 },
-  { label: "SKU", accessor: "sku", width: 100 },
-  { label: "Description", accessor: "description", width: 250 },
-  { label: "Weight", accessor: "weight", width: 100 },
-  { label: "Dimensions", accessor: "dimensions", width: 150 },
-  { label: "Barcode", accessor: "barcode", width: 100 },
-];
-
-const inventoryData: any[] = Array.from({ length: 50 }, (_, index) => ({
-  id: `P-${index + 1001}`,
-  productName: [
-    "Wireless Mouse",
-    "Bluetooth Speaker",
-    "LED Monitor",
-    "Gaming Keyboard",
-    "Smartphone",
-    "Laptop",
-    "Tablet",
-    "Headphones",
-    "Smartwatch",
-    "External Hard Drive",
-  ][index % 10],
-  category: ["Electronics", "Furniture", "Clothing", "Food", "Books"][
-    Math.floor(Math.random() * 5)
-  ],
-  quantity: Math.floor(Math.random() * 100) + 1,
-  price: (Math.random() * 100).toFixed(2),
-  supplier: [
-    "Tech Supplies Co.",
-    "Gadget World",
-    "Office Essentials",
-    "Home Comforts",
-    "Fashion Hub",
-  ][Math.floor(Math.random() * 5)],
-  location: [
-    "Warehouse A - New York",
-    "Warehouse B - Los Angeles",
-    "Warehouse C - Chicago",
-    "Warehouse D - Houston",
-    "Warehouse E - Miami",
-  ][Math.floor(Math.random() * 5)],
-  reorderLevel: Math.floor(Math.random() * 20) + 5,
-  sku: `SKU-${index + 1001}`,
-  description: `High-quality ${
-    [
-      "wireless mouse",
-      "bluetooth speaker",
-      "LED monitor",
-      "gaming keyboard",
-      "smartphone",
-      "laptop",
-      "tablet",
-      "headphones",
-      "smartwatch",
-      "external hard drive",
-    ][index % 10]
-  } for everyday use.`,
-  weight: `${(Math.random() * 10).toFixed(2)} kg`,
-  dimensions: `${(Math.random() * 100).toFixed(2)}x${(
-    Math.random() * 100
-  ).toFixed(2)}x${(Math.random() * 100).toFixed(2)} cm`,
-  barcode: `1234567890${index}`,
-  expirationDate: `2024-${Math.floor(Math.random() * 12) + 1}-${
-    Math.floor(Math.random() * 28) + 1
-  }`,
-  manufacturer: [
-    "Tech Innovators Inc.",
-    "Gadget Makers Ltd.",
-    "Office Producers",
-    "Home Creators",
-    "Fashion Designers",
-  ][Math.floor(Math.random() * 5)],
-}));
-
-const SimpleTableExample = () => {
-  const [rows, setRows] = useState(inventoryData);
-
-  const updateCell = ({
-    accessor,
-    newRowIndex,
-    newValue,
-    originalRowIndex,
-    row,
-  }: CellChangeProps) => {
-    setRows((prevRows) => {
-      prevRows[originalRowIndex][accessor] = newValue;
-      return prevRows;
-    });
-  };
-
-  return (
-    <div style={{ padding: "2rem" }}>
-      <SimpleTable
-        // Enable column resizing
-        columnResizing
-        // Enable draggable columns
-        draggable
-        // Enable editing columns
-        editColumns
-        // Set the headers
-        defaultHeaders={SAMPLE_HEADERS}
-        // Set the rows
-        rows={inventoryData}
-        // Handle cell changes
-        onCellChange={updateCell}
-        // Enable selectable cells
-        selectableCells
-        // Use pagination
-        shouldPaginate
-        height="auto"
-        rowsPerPage={8}
-
-        // If you aren't using pagination a height is required
-        // height="calc(100dvh - 4rem)"`
-      />
-    </div>
-  );
-};
-
-export default SimpleTableExample;
-```
-
 ## Props
 
 The Simple Table component accepts the following props:

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "simple-table-core",
-  "version": "0.4.3",
+  "version": "0.4.5",
   "main": "dist/index.js",
   "module": "dist/index.es.js",
   "types": "dist/index.d.ts",
@@ -42,6 +42,7 @@
     "prop-types": "^15.8.1",
     "rollup": "^2.79.2",
     "rollup-plugin-babel": "^4.4.0",
+    "rollup-plugin-copy": "^3.5.0",
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "rollup-plugin-postcss": "^4.0.2",
     "rollup-plugin-terser": "^7.0.2",
@@ -49,7 +50,7 @@
     "storybook": "^8.4.1",
     "typescript": "^4.9.5",
     "webpack": "^5.95.0",
-    "rollup-plugin-copy": "^3.5.0"
+    "rollup-plugin-delete": "^2.1.0"
   },
   "scripts": {
     "publish-fast": "npm run build && git add . && git commit -m \"$npm_config_message\" && npm publish && git push",

package/dist/components/SimpleTable/TableColumnEditor.d.ts

@@ -1,6 +0,0 @@
-type TableColumnEditorProps = {
-    columnEditorText: string;
-    editColumns: boolean;
-};
-declare const TableColumnEditor: ({ columnEditorText, editColumns, }: TableColumnEditorProps) => import("react/jsx-runtime").JSX.Element | null;
-export default TableColumnEditor;