react-tailwind-table 1.1.2 → 1.2.0

package/dist/src/table-sub-components.d.ts

@@ -1,5 +1,5 @@
-import React from "react";
-import { Icolumn, Irow, renderFunction, IPaginated, IPerPage, stringRenderFunc } from "./table-types";
+import React, { ReactNode } from "react";
+import { Icolumn, Irow, renderFunction, IPaginated, IPerPage, stringRenderFunc, IpaginationInfo } from "./table-types";
 export interface ItableRow {
     row: Irow;
     columns: Icolumn[];
@@ -47,6 +47,7 @@ export declare function TableCaption(props: {
 }): JSX.Element;
 export declare function TableSearch(props: {
     onSearch: (text: string) => void;
+    placeholder: string;
     style: string;
 }): JSX.Element;
 interface IexportProps {
@@ -72,6 +73,7 @@ export interface ItableActProps {
     dropdown_style: string;
     button_style: string;
     button_text: string;
+    placeholder: string;
 }
 export declare function TableBulkAction(props: ItableActProps): JSX.Element;
 interface Ifooter {
@@ -85,6 +87,7 @@ interface Ifooter {
     statistics_main_style: string;
     statistics_number_style: string;
     number_box_Style: string;
+    pagination_info?: (info: IpaginationInfo) => ReactNode;
 }
 export declare function Footer(props: Ifooter): JSX.Element | null;
 export interface IPageNumberGroup {

package/dist/src/table-types.d.ts

@@ -38,8 +38,32 @@ export interface Iprop {
      */
     export_modify?: stringRenderFunc;
     on_bulk_action?: (selected_option: string, selected: Irow[]) => void;
+    /**
+     * Placeholder of the search input. Defaults to "SEARCH"
+     */
+    search_placeholder?: string;
+    /**
+     * First (empty) option of the bulk action dropdown. Defaults to "Select ..."
+     */
+    bulk_select_placeholder?: string;
+    /**
+     * Renders the footer statistics text. Defaults to "Showing {from} to {to} of {total} entries"
+     */
+    pagination_info?: (info: IpaginationInfo) => ReactNode;
+    /**
+     * Text direction of the table. When not set, the direction is inherited from the page (e.g `<html dir="rtl">`)
+     */
+    dir?: 'ltr' | 'rtl' | 'auto';
     styling?: ItableStyle;
 }
+export interface IpaginationInfo {
+    /** 1-based index of the first row shown on the current page */
+    from: number;
+    /** 1-based index of the last row shown on the current page */
+    to: number;
+    /** Total number of rows (after search filtering) */
+    total: number;
+}
 export interface ItableStyle {
     base_bg_color?: string;
     base_text_color?: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-tailwind-table",
-  "version": "1.1.2",
+  "version": "1.2.0",
   "description": "A Responsive Table component Made with React js and Tailwind Css. Has Pagination and search ability.",
   "author": "mklef121",
   "license": "MIT",
@@ -13,11 +13,11 @@
     "node": ">=10"
   },
   "scripts": {
-    "build": "NODE_ENV=production microbundle-crl --css-modules  false --format modern,cjs",
-    "start": "microbundle-crl watch  --css-modules  false --no-compress --format modern,cjs",
-    "prepublish": "run-s build",
-    "test": "run-s test:unit test:build",
-    "test:build": "run-s build",
+    "build": "cross-env NODE_ENV=production microbundle-crl --css-modules false --format modern,cjs",
+    "start": "microbundle-crl watch --css-modules false --no-compress --format modern,cjs",
+    "prepublishOnly": "npm run build",
+    "test": "npm run test:unit && npm run test:build",
+    "test:build": "npm run build",
     "test:lint": "eslint . --fix",
     "test:unit": "cross-env CI=1 react-scripts test --env=jsdom --coverage=true",
     "test:watch": "react-scripts test --env=jsdom",
@@ -51,7 +51,6 @@
     "gh-pages": "^2.2.0",
     "microbundle-crl": "^0.13.10",
     "nan": "^2.14.1",
-    "npm-run-all": "^4.1.5",
     "postcss": "^7.0.35",
     "postcss-cli": "^7.1.1",
     "prettier": "^2.0.4",
@@ -64,6 +63,5 @@
   },
   "files": [
     "dist"
-  ],
-  "dependencies": {}
+  ]
 }