simple-table-core 0.1.4 → 0.1.5

package/dist/components/Animate.d.ts

@@ -0,0 +1,7 @@
+interface AnimateProps {
+    allowHorizontalAnimate?: boolean;
+    children: any;
+    pause?: boolean;
+}
+declare const Animate: ({ allowHorizontalAnimate, children, pause, }: AnimateProps) => any;
+export default Animate;

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

@@ -0,0 +1,18 @@
+import { ReactNode } from "react";
+import HeaderObject from "../../types/HeaderObject";
+import "../../styles/simple-table.css";
+interface SpreadsheetProps {
+    defaultHeaders: HeaderObject[];
+    enableColumnResizing?: boolean;
+    height?: string;
+    hideFooter?: boolean;
+    nextIcon?: ReactNode;
+    prevIcon?: ReactNode;
+    rows: {
+        [key: string]: string | number | boolean | undefined | null;
+    }[];
+    rowsPerPage?: number;
+    shouldPaginate?: boolean;
+}
+declare const SimpleTable: ({ defaultHeaders, enableColumnResizing, height, hideFooter, nextIcon, prevIcon, rows, rowsPerPage, shouldPaginate, }: SpreadsheetProps) => import("react/jsx-runtime").JSX.Element;
+export default SimpleTable;

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

@@ -0,0 +1,19 @@
+import HeaderObject from "../../types/HeaderObject";
+interface TableBodyProps {
+    getBorderClass: (rowIndex: number, columnIndex: number) => string;
+    handleMouseDown: (rowIndex: number, columnIndex: number) => void;
+    handleMouseOver: (rowIndex: number, columnIndex: number) => void;
+    headers: HeaderObject[];
+    isSelected: (rowIndex: number, columnIndex: number) => boolean;
+    isTopLeftCell: (rowIndex: number, columnIndex: number) => boolean;
+    isWidthDragging: boolean;
+    shouldDisplayLastColumnCell: boolean;
+    shouldPaginate: boolean;
+    sortedRows: {
+        [key: string]: any;
+    }[];
+}
+declare const TableBody: ({ getBorderClass, handleMouseDown, handleMouseOver, headers, isSelected, isTopLeftCell, isWidthDragging, shouldDisplayLastColumnCell, shouldPaginate, sortedRows, }: TableBodyProps & {
+    shouldDisplayLastColumnCell: boolean;
+}) => import("react/jsx-runtime").JSX.Element;
+export default TableBody;

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

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+interface TableCellProps {
+    rowIndex: number;
+    colIndex: number;
+    content: any;
+    isSelected: boolean;
+    isTopLeftCell: boolean;
+    borderClass: string;
+    onMouseDown: (rowIndex: number, colIndex: number) => void;
+    onMouseOver: (rowIndex: number, colIndex: number) => void;
+    isLastRow: boolean;
+}
+declare const TableCell: import("react").ForwardRefExoticComponent<TableCellProps & import("react").RefAttributes<HTMLTableCellElement>>;
+export default TableCell;

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

@@ -0,0 +1,12 @@
+import { ReactNode } from "react";
+interface TableFooterProps {
+    currentPage: number;
+    hideFooter?: boolean;
+    nextIcon?: ReactNode;
+    onPageChange: (page: number) => void;
+    prevIcon?: ReactNode;
+    rowsPerPage: number;
+    totalRows: number;
+}
+declare const TableFooter: ({ currentPage, hideFooter, nextIcon, onPageChange, prevIcon, rowsPerPage, totalRows, }: TableFooterProps) => import("react/jsx-runtime").JSX.Element | null;
+export default TableFooter;

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

@@ -0,0 +1,14 @@
+import { Dispatch, SetStateAction } from "react";
+import HeaderObject from "../../types/HeaderObject";
+interface TableHeaderProps {
+    enableColumnResizing: boolean;
+    forceUpdate: () => void;
+    headersRef: React.RefObject<HeaderObject[]>;
+    isWidthDragging: boolean;
+    onSort: (columnIndex: number) => void;
+    onTableHeaderDragEnd: (newHeaders: HeaderObject[]) => void;
+    setIsWidthDragging: Dispatch<SetStateAction<boolean>>;
+    shouldDisplayLastColumnCell: boolean;
+}
+declare const TableHeader: ({ enableColumnResizing, forceUpdate, headersRef, isWidthDragging, onSort, onTableHeaderDragEnd, setIsWidthDragging, shouldDisplayLastColumnCell, }: TableHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export default TableHeader;

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

@@ -0,0 +1,15 @@
+import { SetStateAction, Dispatch } from "react";
+import HeaderObject from "../../types/HeaderObject";
+interface TableHeaderCellProps {
+    draggedHeaderRef: React.MutableRefObject<HeaderObject | null>;
+    enableColumnResizing: boolean;
+    forceUpdate: () => void;
+    headersRef: React.RefObject<HeaderObject[]>;
+    hoveredHeaderRef: React.MutableRefObject<HeaderObject | null>;
+    index: number;
+    onSort: (columnIndex: number) => void;
+    onTableHeaderDragEnd: (newHeaders: HeaderObject[]) => void;
+    setIsWidthDragging: Dispatch<SetStateAction<boolean>>;
+}
+declare const TableHeaderCell: import("react").ForwardRefExoticComponent<TableHeaderCellProps & import("react").RefAttributes<HTMLDivElement>>;
+export default TableHeaderCell;

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

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+declare const TableLastColumnCell: import("react").ForwardRefExoticComponent<{
+    isLastRow?: boolean | undefined;
+    visible: boolean;
+} & import("react").RefAttributes<unknown>>;
+export default TableLastColumnCell;

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

@@ -0,0 +1,2 @@
+declare const TableRowSeparator: () => import("react/jsx-runtime").JSX.Element;
+export default TableRowSeparator;

package/dist/consts/SampleData.d.ts

@@ -0,0 +1,19 @@
+import HeaderObject from "../types/HeaderObject";
+export declare const SAMPLE_HEADERS: HeaderObject[];
+export declare const inventoryData: {
+    id: string;
+    productName: string;
+    category: string;
+    quantity: number;
+    price: string;
+    supplier: string;
+    location: string;
+    reorderLevel: number;
+    sku: string;
+    description: string;
+    weight: string;
+    dimensions: string;
+    barcode: string;
+    expirationDate: string;
+    manufacturer: string;
+}[];

package/dist/helpers/calculateBoundingBoxes.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode } from "react";
+interface BoundingBox {
+    bottom: number;
+    height: number;
+    left: number;
+    right: number;
+    top: number;
+    width: number;
+}
+declare const calculateBoundingBoxes: (children: ReactNode) => {
+    [key: string]: BoundingBox;
+};
+export default calculateBoundingBoxes;

package/dist/helpers/shuffleArray.d.ts

@@ -0,0 +1 @@
+export default function shuffleArray(array: any[]): any[];

package/dist/hooks/usePrevious.d.ts

@@ -0,0 +1,2 @@
+declare const usePrevious: (value: any) => undefined;
+export default usePrevious;

package/dist/hooks/useSelection.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+import HeaderObject from "../types/HeaderObject";
+interface Cell {
+    row: number;
+    col: number;
+}
+declare const useSelection: (rows: {
+    [key: string]: any;
+}[], headers: HeaderObject[]) => {
+    selectedCells: Cell[];
+    handleMouseDown: (rowIndex: number, colIndex: number) => void;
+    handleMouseOver: (rowIndex: number, colIndex: number) => void;
+    handleMouseUp: () => void;
+    isSelected: (rowIndex: number, colIndex: number) => boolean;
+    getBorderClass: (rowIndex: number, colIndex: number) => string;
+    isTopLeftCell: (rowIndex: number, colIndex: number) => boolean;
+    setSelectedCells: import("react").Dispatch<import("react").SetStateAction<Cell[]>>;
+};
+export default useSelection;

package/dist/hooks/useTableHeaderCell.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import HeaderObject from "../types/HeaderObject";
+interface UseTableHeaderCellProps {
+    draggedHeaderRef: React.MutableRefObject<HeaderObject | null>;
+    headersRef: React.RefObject<HeaderObject[]>;
+    hoveredHeaderRef: React.MutableRefObject<HeaderObject | null>;
+    onTableHeaderDragEnd: (newHeaders: HeaderObject[]) => void;
+}
+declare const useTableHeaderCell: ({ draggedHeaderRef, headersRef, hoveredHeaderRef, onTableHeaderDragEnd, }: UseTableHeaderCellProps) => {
+    handleDragStart: (header: HeaderObject) => void;
+    handleDragOver: (hoveredHeader: HeaderObject) => void;
+    handleDragEnd: () => void;
+};
+export default useTableHeaderCell;

package/dist/icons/AngleLeftIcon.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare const AngleLeftIcon: React.FC;
+export default AngleLeftIcon;

package/dist/icons/AngleRightIcon.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare const AngleRightIcon: React.FC;
+export default AngleRightIcon;

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+import SimpleTable from "./components/SimpleTable/SimpleTable";
+export { SimpleTable };

package/dist/stories/SimpleTable.stories.d.ts

@@ -0,0 +1,11 @@
+import type { StoryObj } from "@storybook/react";
+declare const meta: {
+    title: string;
+    component: () => import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const SimpleTable: Story;

package/dist/stories/SimpleTableExample.d.ts

@@ -0,0 +1 @@
+export declare const SampleTable: () => import("react/jsx-runtime").JSX.Element;

package/dist/types/HeaderObject.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from "react";
+type HeaderObject = {
+    label: string;
+    accessor: string;
+    width: number;
+    cellRenderer?: (row: {
+        [key: string]: any;
+    }) => ReactNode;
+};
+export default HeaderObject;

package/dist/utils/performanceUtils.d.ts

@@ -0,0 +1 @@
+export declare const throttle: (func: (...args: any[]) => void, limit: number) => (this: any, ...args: any[]) => void;

package/dist/utils/sortUtils.d.ts

@@ -0,0 +1,15 @@
+import HeaderObject from "../types/HeaderObject";
+export declare const onSort: (headers: HeaderObject[], rows: {
+    [key: string]: any;
+}[], sortConfig: {
+    key: HeaderObject;
+    direction: string;
+} | null, columnIndex: number) => {
+    sortedData: {
+        [key: string]: any;
+    }[];
+    newSortConfig: {
+        key: HeaderObject;
+        direction: string;
+    };
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "simple-table-core",
-  "version": "0.1.4",
+  "version": "0.1.5",
   "main": "dist/index.js",
   "dependencies": {
     "react": "^18.3.1"

package/tsconfig.json

@@ -1,11 +1,7 @@
 {
   "compilerOptions": {
     "target": "es5",
-    "lib": [
-      "dom",
-      "dom.iterable",
-      "esnext"
-    ],
+    "lib": ["dom", "dom.iterable", "esnext"],
     "allowJs": true,
     "skipLibCheck": true,
     "esModuleInterop": true,
@@ -17,10 +13,10 @@
     "moduleResolution": "node",
     "resolveJsonModule": true,
     "isolatedModules": true,
-    "noEmit": true,
+    "noEmit": false,
+    "declaration": true,
+    "declarationDir": "dist",
     "jsx": "react-jsx"
   },
-  "include": [
-    "src"
-  ]
+  "include": ["src"]
 }