ehscan-react-table 0.0.1 → 0.0.3

package/dist/Components.d.ts

@@ -1 +1,2 @@
 export { Table } from './elements/Table';
+export { Pagination } from './elements/Pagination';

package/dist/Components.js

@@ -1,2 +1,3 @@
 // ehscan-react-table entry
 export { Table } from './elements/Table';
+export { Pagination } from './elements/Pagination';

package/dist/elements/Pagination.d.ts

@@ -6,5 +6,5 @@ interface Props {
     currentPage: number;
     onPageChange: (page: number) => void;
 }
-declare const Pagination: React.FC<Props>;
-export default Pagination;
+export declare const Pagination: React.FC<Props>;
+export {};

package/dist/elements/Pagination.js

@@ -1,8 +1,8 @@
 import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 import { useState, useEffect } from "react";
 import PaginationButton from "./PaginationButton";
-import styles from '../style/table.module.css';
-const Pagination = ({ totalItems, currentEntries, limit, skip, currentPage, onPageChange }) => {
+import styles from './table.module.css';
+export const Pagination = ({ totalItems, currentEntries, limit, skip, currentPage, onPageChange }) => {
     const [totalPages, setTotalPages] = useState(0);
     const handlePrevious = () => {
         if (currentPage > 1)
@@ -48,4 +48,3 @@ const Pagination = ({ totalItems, currentEntries, limit, skip, currentPage, onPa
                             return (_jsx(PaginationButton, { txt: p, isActive: p === currentPage, disabled: isEllipsis, action: isEllipsis ? undefined : () => handlePageClick(p) }, i));
                         }), _jsx(PaginationButton, { index: 'next', action: handleNext, display: totalPages > 2 && currentPage !== totalPages })] })) }), _jsx(PaginationOutput, {})] }));
 };
-export default Pagination;

package/dist/elements/PaginationButton.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { useRef } from 'react';
 import PaginationRipple from './PaginationRipple';
-import styles from '../table.module.css';
+import styles from './table.module.css';
 const PaginationButton = ({ index, txt, disabled, isActive, action, display }) => {
     const buttonRef = useRef(null);
     const handleRipple = PaginationRipple();

package/dist/elements/PaginationRipple.js

@@ -1,5 +1,5 @@
 import { useCallback } from 'react';
-import styles from '../table.module.css';
+import styles from './table.module.css';
 const PaginationRipple = () => {
     const handleRipple = useCallback((event, buttonRef) => {
         const button = buttonRef.current;

package/dist/elements/Table.js

@@ -11,7 +11,7 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { useEffect, useState, useRef } from "react";
 import TableCellSelectHeadCol from "./TableCellSelectHeadCol";
 import { debounce } from "./Debounce";
-import styles from '../style/table.module.css';
+import styles from './table.module.css';
 export const Table = ({ columns, rows, sortOrder, setSortOrder, cellComponents, setSelectedIds, searchTermArraySetter, setSearchTermArraySetter, fallback }) => {
     const [wrapperBottom, setWrapperBottom] = useState(undefined);
     const headerRef = useRef(null);

package/dist/elements/TableChecklistItem.js

@@ -10,7 +10,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useRef } from 'react';
 import PaginationRipple from './PaginationRipple';
-import styles from '../style/table.module.css';
+import styles from './table.module.css';
 const TableChecklistItem = ({ checked }) => {
     const buttonRef = useRef(null);
     const handleRipple = PaginationRipple();

package/package.json

@@ -1,13 +1,12 @@
 {
   "name": "ehscan-react-table",
-  "version": "0.0.1",
+  "version": "0.0.3",
   "description": "components",
   "main": "dist/Components.js",
   "types": "dist/Components.d.ts",
   "scripts": {
     "build": "tsc && npm run copy-css",
-    "copy-css": "rsync -a src/style/ dist/style/",
-    "prepublishOnly": "npm run build"
+    "copy-css": "rsync -a src/**/*.module.css dist/elements/"
   },
   "keywords": [
     "react",
@@ -31,5 +30,8 @@
     "glob": "8",
     "minimatch": "5",
     "typescript": "^5.6.3"
+  },
+  "dependencies": {
+    "vite-plugin-libcss": "^1.1.2"
   }
 }