Socket
Socket
Sign inDemoInstall

@uiw/react-pagination

Package Overview
Dependencies
Maintainers
1
Versions
171
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@uiw/react-pagination - npm Package Compare versions

Comparing version 4.9.6 to 4.9.7

23

cjs/index.js

@@ -7,9 +7,13 @@ "use strict";

exports.__esModule = true;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports["default"] = Pagination;
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
var _react = _interopRequireWildcard(require("react"));

@@ -40,7 +44,8 @@

divider = props.divider,
other = (0, _objectWithoutPropertiesLoose2["default"])(props, _excluded);
other = (0, _objectWithoutProperties2["default"])(props, _excluded);
var _useState = (0, _react.useState)(currentNumber),
current = _useState[0],
setCurrent = _useState[1];
_useState2 = (0, _slicedToArray2["default"])(_useState, 2),
current = _useState2[0],
setCurrent = _useState2[1];

@@ -166,5 +171,5 @@ (0, _react.useEffect)(function () {

return /*#__PURE__*/(0, _jsxRuntime.jsx)("ul", (0, _extends2["default"])({
return /*#__PURE__*/(0, _jsxRuntime.jsx)("ul", (0, _objectSpread2["default"])((0, _objectSpread2["default"])({
className: cls
}, other, {
}, other), {}, {
children: initPageSoure.map(function (item, idx) {

@@ -179,3 +184,3 @@ // eslint-disable-next-line jsx-a11y/anchor-is-valid

label = /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
className: "arrow " + item.type
className: "arrow ".concat(item.type)
});

@@ -182,0 +187,0 @@ }

@@ -1,3 +0,3 @@

import _extends from "@babel/runtime/helpers/esm/extends";
import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
import _extends from "@babel/runtime/helpers/extends";
import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
var _excluded = ["className", "prefixCls", "alignment", "size", "total", "pageSize", "current", "onChange", "divider"];

@@ -8,31 +8,20 @@ import React, { useEffect, useMemo, useState } from 'react';

export default function Pagination(props) {
var className = props.className,
_props$prefixCls = props.prefixCls,
prefixCls = _props$prefixCls === void 0 ? 'w-pagination' : _props$prefixCls,
_props$alignment = props.alignment,
alignment = _props$alignment === void 0 ? 'left' : _props$alignment,
_props$size = props.size,
size = _props$size === void 0 ? 'default' : _props$size,
_props$total = props.total,
total = _props$total === void 0 ? 0 : _props$total,
_props$pageSize = props.pageSize,
pageSize = _props$pageSize === void 0 ? 10 : _props$pageSize,
_props$current = props.current,
currentNumber = _props$current === void 0 ? 1 : _props$current,
_props$onChange = props.onChange,
onChange = _props$onChange === void 0 ? function () {
return null;
} : _props$onChange,
divider = props.divider,
var {
className,
prefixCls = 'w-pagination',
alignment = 'left',
size = 'default',
total = 0,
pageSize = 10,
// The number of pages displayed.
current: currentNumber = 1,
onChange = () => null,
divider
} = props,
other = _objectWithoutPropertiesLoose(props, _excluded);
var _useState = useState(currentNumber),
current = _useState[0],
setCurrent = _useState[1];
useEffect(function () {
return setCurrent(currentNumber);
}, [currentNumber]);
var [current, setCurrent] = useState(currentNumber);
useEffect(() => setCurrent(currentNumber), [currentNumber]);
var cls = [prefixCls, className, divider ? 'divider' : null, size].filter(Boolean).join(' ').trim();
var initPageSoure = useMemo(function () {
var initPageSoure = useMemo(() => {
var data = [{

@@ -57,3 +46,3 @@ type: 'prev',

label: '•••',
"goto": 5
goto: 5
});

@@ -81,3 +70,3 @@ }

data.push({
label: label,
label,
active: current === label

@@ -92,3 +81,3 @@ });

label: '•••',
"goto": 5
goto: 5
});

@@ -139,4 +128,4 @@ }

if (/^(jumpPrev|jumpNext)/.test(item.type) && item["goto"]) {
state.current = item.type === 'jumpPrev' ? current - item["goto"] : current + item["goto"];
if (/^(jumpPrev|jumpNext)/.test(item.type) && item.goto) {
state.current = item.type === 'jumpPrev' ? current - item.goto : current + item.goto;

@@ -159,3 +148,3 @@ if (state.current > count) {

}, other, {
children: initPageSoure.map(function (item, idx) {
children: initPageSoure.map((item, idx) => {
// eslint-disable-next-line jsx-a11y/anchor-is-valid

@@ -175,5 +164,3 @@ var label = /*#__PURE__*/_jsx("a", {

className: [item.active ? 'active' : null, item.disabled ? 'disabled' : null].filter(Boolean).join(' ').trim(),
onClick: function onClick() {
return handleClick(item);
},
onClick: () => handleClick(item),
children: label

@@ -180,0 +167,0 @@ }, idx);

{
"name": "@uiw/react-pagination",
"version": "4.9.6",
"version": "4.9.7",
"description": "Pagination component",

@@ -47,7 +47,7 @@ "author": "Kenny Wong <wowohoo@qq.com>",

"dependencies": {
"@uiw/utils": "^4.9.6"
"@uiw/utils": "^4.9.7"
},
"devDependencies": {
"@babel/runtime": "7.15.3",
"@types/react": "17.0.19",
"@babel/runtime": "7.15.4",
"@types/react": "17.0.20",
"@types/react-dom": "17.0.9",

@@ -54,0 +54,0 @@ "react": "17.0.2",

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

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