Socket
Socket
Sign inDemoInstall

react-responsive-pagination

Package Overview
Dependencies
Maintainers
1
Versions
128
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

react-responsive-pagination - npm Package Compare versions

Comparing version 2.2.0 to 2.2.1-beta.1

7

CHANGELOG.md
# React Responsive Pagination Changelog
## [2.2.1-beta.1](https://github.com/jonelantha/react-responsive-pagination/compare/v2.2.0...v2.2.1-beta.1) (2023-07-15)
### Bug Fixes
* Package updates ([7621448](https://github.com/jonelantha/react-responsive-pagination/commit/7621448567a61e4989863db80f2adf98dca4a4dd))
# [2.2.0](https://github.com/jonelantha/react-responsive-pagination/compare/v2.1.0...v2.2.0) (2023-05-08)

@@ -4,0 +11,0 @@

2

dist/index.d.ts

@@ -8,3 +8,3 @@ import React from 'react';

export default _default;
declare function ResponsivePaginationDev(props: ResponsivePaginationProps): JSX.Element | null;
declare function ResponsivePaginationDev(props: ResponsivePaginationProps): React.JSX.Element | null;
export type ResponsivePaginationProps = {

@@ -11,0 +11,0 @@ current: number;

import React from 'react';
import { PaginationItem } from './paginationItem.js';
export type LabelBehaviour = (item: PaginationItem) => React.ReactNode;
export declare function defaultLabelBehaviour({ a11yLabel, label }: PaginationItem): string | JSX.Element;
export declare function defaultLabelBehaviour({ a11yLabel, label }: PaginationItem): string | React.JSX.Element;
export declare function srOnlySpanLabel({ a11yActiveLabel, srOnlyClassName, }?: {
a11yActiveLabel?: string;
srOnlyClassName?: string;
}): (item: PaginationItem) => JSX.Element;
}): (item: PaginationItem) => React.JSX.Element;
/// <reference types="react" />
export declare const v1_bootstrap4PaginationPreset: {
ariaCurrentAttr: boolean;
labelBehaviour: (item: import("./paginationItem.js").PaginationItem) => JSX.Element;
labelBehaviour: (item: import("./paginationItem.js").PaginationItem) => import("react").JSX.Element;
};
export declare const bootstrap4PaginationPreset: {};
export declare const bootstrap5PaginationPreset: {};
{
"name": "react-responsive-pagination",
"version": "2.2.0",
"version": "2.2.1-beta.1",
"description": "React component for responsive pagination",

@@ -18,2 +18,5 @@ "author": "jonelantha",

},
"publishConfig": {
"provenance": true
},
"files": [

@@ -67,12 +70,10 @@ "dist/",

"@semantic-release/git": "^10.0.1",
"@types/jest": "^29.5.0",
"@types/jest": "^29.5.3",
"@types/prop-types": "^15.7.5",
"@types/react": "^18.0.29",
"@types/react-dom": "^18.0.11",
"@typescript-eslint/eslint-plugin": "^5.56.0",
"@typescript-eslint/parser": "^5.56.0",
"babel-eslint": "^10.1.0",
"eslint": "^8.36.0",
"@types/react": "^18.2.15",
"@types/react-dom": "^18.2.7",
"@typescript-eslint/eslint-plugin": "^6.0.0",
"@typescript-eslint/parser": "^6.0.0",
"eslint": "^8.44.0",
"eslint-config-react-app": "^7.0.1",
"eslint-plugin-flowtype": "^8.0.3",
"eslint-plugin-import": "^2.27.5",

@@ -82,10 +83,10 @@ "eslint-plugin-jsx-a11y": "^6.7.1",

"eslint-plugin-react-hooks": "^4.6.0",
"jest": "^29.5.0",
"jest": "^29.6.1",
"react": "^18.2.0",
"react-dom": "^18.2.0",
"rimraf": "^4.4.1",
"semantic-release": "^21.0.0",
"ts-jest": "29.0.5",
"rimraf": "^5.0.1",
"semantic-release": "^21.0.7",
"ts-jest": "^29.1.1",
"typescript": "^4.9.5"
}
}

@@ -12,2 +12,7 @@ # React Responsive Pagination

✅ Fully accessible with aria tags for screen readers
✅ Ready styled themes (or bring your own css)
✅ Bootstrap 4 & 5 support built-in
✅ Built for tree-shaking = minimum impact on the bundle
<a href="https://react-responsive-pagination.elantha.com/"><img src="./react-responsive-pagination.gif?raw=true" width="985" alt="react-responsive-pagination example" /></a>

@@ -17,10 +22,2 @@

✅ Fully accessible with aria tags for screen readers
✅ Ready styled themes (or bring your own css)
✅ Bootstrap 4 & 5 support built-in
✅ High performance, no unnecessary renders
✅ Built for tree-shaking = minimum impact on the bundle
✅ Modern hook based architecture with 100% TypeScript
✅ Backed by a comprehensive automated browser based test suite
**📕 Visit [https://react-responsive-pagination.elantha.com](https://react-responsive-pagination.elantha.com) to get started 🚀**

@@ -56,3 +53,3 @@

## 🦄 Three ways to style:
## Three ways to style:

@@ -63,3 +60,3 @@ 1. 🎨 **Custom styling**

2. 🖼️ **Ready-to-go themes (⭐️NEW!⭐️)**
2. 🖼️ **Ready-to-go themes (NEW!)**

@@ -66,0 +63,0 @@ Just import one of the css themes into your project (as shown in the quickstart example above)

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc