simple-table-core 0.1.6 → 0.1.7

package/dist/components/Animate.d.ts

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

@@ -1,18 +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;
+import { ReactNode } from "react";
+import HeaderObject from "../../types/HeaderObject";
+import "../../styles/simple-table.css";
+export 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

@@ -1,19 +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;
+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

@@ -1,14 +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;
+/// <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

@@ -1,12 +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;
+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

@@ -1,14 +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;
+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

@@ -1,15 +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;
+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

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

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

package/dist/consts/SampleData.d.ts

@@ -1,19 +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;
-}[];
+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

@@ -1,13 +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;
+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

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

package/dist/hooks/usePrevious.d.ts

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

package/dist/hooks/useSelection.d.ts

@@ -1,19 +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;
+/// <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

@@ -1,14 +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;
+/// <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

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

package/dist/icons/AngleRightIcon.d.ts

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

package/dist/index.d.ts

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

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

@@ -1,11 +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;
+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

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

package/dist/types/HeaderObject.d.ts

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

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

package/dist/utils/sortUtils.d.ts

@@ -1,15 +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;
-    };
-};
+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,7 +1,8 @@
 {
   "name": "simple-table-core",
-  "version": "0.1.6",
+  "version": "0.1.7",
   "main": "dist/index.js",
+  "module": "dist/index.es.js",
   "types": "dist/index.d.ts",
   "files": [
     "dist"
@@ -13,7 +14,6 @@
     "@babel/preset-react": "^7.25.7",
     "@chromatic-com/storybook": "^1.9.0",
     "@rollup/plugin-node-resolve": "^15.3.0",
-    "@rollup/plugin-typescript": "^12.1.0",
     "@storybook/addon-essentials": "^8.3.5",
     "@storybook/addon-interactions": "^8.3.5",
     "@storybook/addon-links": "^8.3.5",
@@ -32,6 +32,7 @@
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "rollup-plugin-postcss": "^4.0.2",
     "rollup-plugin-terser": "^7.0.2",
+    "rollup-plugin-typescript2": "^0.36.0",
     "storybook": "^8.3.5",
     "typescript": "^4.9.5",
     "webpack": "^5.95.0"