@uiw/react-pagination - npm Package Compare versions

Comparing version 5.0.0-bate-1 to 5.0.0-bate-10

cjs/index.js

 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
-
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"];
-
 Object.defineProperty(exports, "__esModule", {
@@ -12,15 +10,8 @@ value: true
 exports["default"] = Pagination;
-
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _reactSelect = _interopRequireDefault(require("@uiw/react-select"));
-
 var _style = require("./style");
-
 Object.keys(_style).forEach(function (key) {
@@ -37,37 +28,32 @@ if (key === "default" || key === "__esModule") return;
 });
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 var _excluded = ["className", "style", "prefixCls", "alignment", "size", "total", "pageSize", "pageSizeOptions", "current", "onChange", "onShowSizeChange", "divider"];
-
 function Pagination(props) {
   var className = props.className,
-      style = props.style,
-      _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$pageSizeOption = props.pageSizeOptions,
-      pageSizeOptions = _props$pageSizeOption === void 0 ? [] : _props$pageSizeOption,
-      _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,
-      onShowSizeChange = props.onShowSizeChange,
-      divider = props.divider,
-      other = (0, _objectWithoutProperties2["default"])(props, _excluded);
-
+    style = props.style,
+    _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$pageSizeOption = props.pageSizeOptions,
+    pageSizeOptions = _props$pageSizeOption === void 0 ? [] : _props$pageSizeOption,
+    _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,
+    onShowSizeChange = props.onShowSizeChange,
+    divider = props.divider,
+    other = (0, _objectWithoutProperties2["default"])(props, _excluded);
   var _useState = (0, _react.useState)(currentNumber),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      current = _useState2[0],
-      setCurrent = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    current = _useState2[0],
+    setCurrent = _useState2[1];
   (0, _react.useEffect)(function () {
@@ -86,3 +72,2 @@ return setCurrent(currentNumber);
     var basic = 0;
-
     if (current > 3 && count > 5) {
@@ -93,3 +78,2 @@ data.push({
     }
-
     if (current > 4 && count > 6) {
@@ -102,20 +86,14 @@ data.push({
     }
-
     while (num < itemCount) {
       num += 1;
-
       if (current > 3 && count > 5) {
         basic = current - 3;
       }
-
       var label = num + basic;
-
       if (count - current === 0 && count > 5) {
         label -= 2;
       }
-
       if (count - current === 1 && count > 5) {
         label -= 1;
       }
-
       if (label <= count) {
@@ -128,3 +106,2 @@ data.push({
     }
-
     if (current + 3 < count && count > 6) {
@@ -137,3 +114,2 @@ data.push({
     }
-
     if (current + 2 < count && count > 5) {
@@ -144,3 +120,2 @@ data.push({
     }
-
     data.push({
@@ -150,3 +125,4 @@ type: 'next',
     });
-    return data; // return [
+    return data;
+    // return [
     //   { type: 'prev', disabled: true },
@@ -162,3 +138,2 @@ //   { type: 'jumpPrev', label: '•••', goto: 5 },
   }, [current, total, pageSize]);
-
   function handleClick(item) {
@@ -168,25 +143,18 @@ if (item.active || item.disabled) {
     }
-
     var count = Math.ceil(total / pageSize);
     var state = {};
-
     if (item.label) {
       state.current = item.label;
     }
-
     if (item.type === 'prev') {
       state.current = current - 1 > 0 ? current - 1 : 1;
     }
-
     if (item.type === 'next') {
       state.current = current + 1 <= count ? current + 1 : count;
     }
-
     if (/^(jumpPrev|jumpNext)/.test(item.type) && item["goto"]) {
       state.current = item.type === 'jumpPrev' ? current - item["goto"] : current + item["goto"];
-
       if (state.current > count) {
         state.current = count;
       }
-
       if (state.current < 1) {
@@ -196,7 +164,5 @@ state.current = 1;
     }
-
     setCurrent(state.current);
     onChange && onChange(state.current, total, pageSize);
   }
-
   var onSizeChange = function onSizeChange(e) {
@@ -208,3 +174,2 @@ var sizeCount = Number(e.target.value);
   };
-
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_style.PaginationStyleBaseUL, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({
@@ -228,3 +193,2 @@ className: cls,
       });
-
       if (/^(prev|next)$/.test(item.type)) {
@@ -242,3 +206,2 @@ // eslint-disable-next-line jsx-a11y/anchor-is-valid
       }
-
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(_style.PaginationStyleBaseLI, {
@@ -245,0 +208,0 @@ params: {

cjs/style/index.js

 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
-
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"];
-
 Object.defineProperty(exports, "__esModule", {
@@ -11,15 +9,8 @@ value: true
 exports.PaginationStyleTheme = exports.PaginationStyleBaseUL = exports.PaginationStyleBaseLIA = exports.PaginationStyleBaseLI = void 0;
-
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
-
 var _reactSelect = require("@uiw/react-select");
-
 var _utils = require("@uiw/utils");
-
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19;
-
 var PaginationStyleTheme = {
@@ -36,6 +27,4 @@ borderColorPaginationBase: '#d4d4d4',
 exports.PaginationStyleTheme = PaginationStyleTheme;
-
 var PaginationStyleBaseLIA = _styledComponents["default"].a(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  text-decoration: none;\n  color: rgba(0, 0, 0, 0.5);\n  transition: none;\n  margin: 0 10px;\n  display: block;\n  ", "\n\n  ", "\n\n  ", "\n\n\n  ", "\n"])), function (props) {
   var _props$params;
-
   return ((_props$params = props.params) === null || _props$params === void 0 ? void 0 : _props$params.isArrow) && (0, _styledComponents.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n      padding: 0 3px;\n      &::after,\n      &::before {\n        content: '';\n        display: block;\n        height: 8px;\n        width: 2px;\n        border-radius: 2px;\n        background-color: ", ";\n        transition: all 0.3s;\n      }\n      &::after {\n        margin-top: -4px;\n      }\n    "])), function (props) {
@@ -48,19 +37,14 @@ return (0, _utils.getThemeVariantValue)((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, props), {}, {
   var params = props.params;
-
   if ((params === null || params === void 0 ? void 0 : params.type) === 'next' && params.isArrow) {
     return (0, _styledComponents.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n        &::before {\n          transform: rotate(-45deg);\n        }\n        &::after {\n          transform: rotate(45deg);\n        }\n      "])));
   }
-
   if ((params === null || params === void 0 ? void 0 : params.type) === 'prev' && params.isArrow) {
     return (0, _styledComponents.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["\n        &::after {\n          transform: rotate(-45deg);\n        }\n        &::before {\n          transform: rotate(45deg);\n        }\n      "])));
   }
-
   return (0, _styledComponents.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])([""])));
 }, function (props) {
   var _props$params2;
-
   return ((_props$params2 = props.params) === null || _props$params2 === void 0 ? void 0 : _props$params2.size) === 'small' && (0, _styledComponents.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2["default"])(["\n      &::after,\n      &::before {\n        margin-left: 6px;\n      }\n    "])));
 }, function (props) {
   var _props$params3;
-
   return ((_props$params3 = props.params) === null || _props$params3 === void 0 ? void 0 : _props$params3.disabled) && (0, _styledComponents.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2["default"])(["\n      &::after,\n      &::before {\n        background: ", ";\n      }\n    "])), function (props) {
@@ -71,16 +55,12 @@ return (0, _utils.getThemeVariantValue)((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, props), {}, {
   });
-}); // PaginationStyleBaseLIA.defaultProps = {
+});
+// PaginationStyleBaseLIA.defaultProps = {
 //   defaultTheme: PaginationStyleTheme,
 // };
-
-
 exports.PaginationStyleBaseLIA = PaginationStyleBaseLIA;
-
 var PaginationStyleBaseLI = _styledComponents["default"].li(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2["default"])(["\n  height: 28px;\n  line-height: 28px;\n  vertical-align: middle;\n  text-align: center;\n  position: relative;\n  cursor: pointer;\n  display: inline-flex !important;\n  transition: background-color 0.2s ease-in, box-shadow 0.2s ease-in;\n  margin: 0 !important;\n  display: inline-flex;\n  align-items: center;\n  ", "\n\n  ", "\n  ", "\n\n  ", "\n"])), function (props) {
   var _props$params4;
-
   return ((_props$params4 = props.params) === null || _props$params4 === void 0 ? void 0 : _props$params4.disabled) && (0, _styledComponents.css)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2["default"])(["\n      & {\n        cursor: not-allowed;\n      }\n    "])));
 }, function (props) {
   var _props$params5;
-
   return ((_props$params5 = props.params) === null || _props$params5 === void 0 ? void 0 : _props$params5.size) === 'small' && (0, _styledComponents.css)(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2["default"])(["\n      height: 21px;\n      line-height: 21px;\n      border-radius: 4px;\n      > ", " {\n        margin: 0 3px;\n        min-width: 15px;\n      }\n      ", "\n      ", "\n    "])), PaginationStyleBaseLIA, props.params.active && (0, _styledComponents.css)(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2["default"])(["\n        background-color: ", ";\n      "])), function (props) {
@@ -97,3 +77,2 @@ return (0, _utils.getThemeVariantValue)((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, props), {}, {
   var _props$params6;
-
   return ((_props$params6 = props.params) === null || _props$params6 === void 0 ? void 0 : _props$params6.size) === 'default' && (0, _styledComponents.css)(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteral2["default"])(["\n      border: 1px solid\n        ", ";\n      border-left: 0;\n      ", "\n      ", "\n      &:first-child {\n        border-left: 1px solid\n          ", ";\n        border-radius: 3px 0 0 3px;\n      }\n      &:last-child {\n        border-radius: 0 3px 3px 0;\n      }\n      ", "\n    "])), function (props) {
@@ -126,14 +105,11 @@ return (0, _utils.getThemeVariantValue)((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, props), {}, {
   var _props$params7;
+  return ((_props$params7 = props.params) === null || _props$params7 === void 0 ? void 0 : _props$params7.isOptions) && (0, _styledComponents.css)(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteral2["default"])(["\n      ", " {\n        border: none !important;\n        padding-top: 0;\n        padding-bottom: 0;\n        box-shadow: none !important;\n        height: 100%;\n      }\n    "])), _reactSelect.SelectStyleWarp);
+});
 
-  return ((_props$params7 = props.params) === null || _props$params7 === void 0 ? void 0 : _props$params7.isOptions) && (0, _styledComponents.css)(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteral2["default"])(["\n      ", " {\n        border: none !important;\n        padding-top: 0;\n        padding-bottom: 0;\n        box-shadow: none !important;\n        height: 100%;\n      }\n    "])), _reactSelect.SelectStyleWarp);
-}); // PaginationStyleBaseLI.defaultProps = {
+// PaginationStyleBaseLI.defaultProps = {
 //   defaultTheme: PaginationStyleTheme,
 // };
-
-
 exports.PaginationStyleBaseLI = PaginationStyleBaseLI;
-
 var PaginationStyleBaseUL = _styledComponents["default"].ul(_templateObject18 || (_templateObject18 = (0, _taggedTemplateLiteral2["default"])(["\n  padding: 0 !important;\n  margin: 0 !important;\n  position: relative;\n  user-select: none;\n  font-size: 12px;\n  ", "\n"])), function (props) {
   var _props$params8;
-
   return ((_props$params8 = props.params) === null || _props$params8 === void 0 ? void 0 : _props$params8.size) === 'default' && props.params.isDivider && (0, _styledComponents.css)(_templateObject19 || (_templateObject19 = (0, _taggedTemplateLiteral2["default"])(["\n      ", " + ", " {\n        margin-left: 8px !important;\n        border: 1px solid\n          ", ";\n      }\n      ", " {\n        border-radius: 4px;\n      }\n    "])), PaginationStyleBaseLI, PaginationStyleBaseLI, function (props) {
@@ -144,8 +120,8 @@ return (0, _utils.getThemeVariantValue)((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, props), {}, {
   }, PaginationStyleBaseLI);
-}); // PaginationStyleBaseUL.defaultProps = {
+});
+
+// PaginationStyleBaseUL.defaultProps = {
 //   defaultTheme: PaginationStyleTheme,
 // };
-
-
 exports.PaginationStyleBaseUL = PaginationStyleBaseUL;
 //# sourceMappingURL=index.js.map

esm/index.js

@@ -12,18 +12,17 @@ import _extends from "@babel/runtime/helpers/extends";
   var {
-    className,
-    style,
-    prefixCls = 'w-pagination',
-    alignment = 'left',
-    size = 'default',
-    total = 0,
-    pageSize = 10,
-    // The number of pages displayed.
-    pageSizeOptions = [],
-    current: currentNumber = 1,
-    onChange = () => null,
-    onShowSizeChange,
-    divider
-  } = props,
-      other = _objectWithoutPropertiesLoose(props, _excluded);
-
+      className,
+      style,
+      prefixCls = 'w-pagination',
+      alignment = 'left',
+      size = 'default',
+      total = 0,
+      pageSize = 10,
+      // The number of pages displayed.
+      pageSizeOptions = [],
+      current: currentNumber = 1,
+      onChange = () => null,
+      onShowSizeChange,
+      divider
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   var [current, setCurrent] = useState(currentNumber);
@@ -41,3 +40,2 @@ useEffect(() => setCurrent(currentNumber), [currentNumber]);
     var basic = 0;
-
     if (current > 3 && count > 5) {
@@ -48,3 +46,2 @@ data.push({
     }
-
     if (current > 4 && count > 6) {
@@ -57,20 +54,14 @@ data.push({
     }
-
     while (num < itemCount) {
       num += 1;
-
       if (current > 3 && count > 5) {
         basic = current - 3;
       }
-
       var label = num + basic;
-
       if (count - current === 0 && count > 5) {
         label -= 2;
       }
-
       if (count - current === 1 && count > 5) {
         label -= 1;
       }
-
       if (label <= count) {
@@ -83,3 +74,2 @@ data.push({
     }
-
     if (current + 3 < count && count > 6) {
@@ -92,3 +82,2 @@ data.push({
     }
-
     if (current + 2 < count && count > 5) {
@@ -99,3 +88,2 @@ data.push({
     }
-
     data.push({
@@ -105,3 +93,4 @@ type: 'next',
     });
-    return data; // return [
+    return data;
+    // return [
     //   { type: 'prev', disabled: true },
@@ -117,3 +106,2 @@ //   { type: 'jumpPrev', label: '•••', goto: 5 },
   }, [current, total, pageSize]);
-
   function handleClick(item) {
@@ -123,25 +111,18 @@ if (item.active || item.disabled) {
     }
-
     var count = Math.ceil(total / pageSize);
     var state = {};
-
     if (item.label) {
       state.current = item.label;
     }
-
     if (item.type === 'prev') {
       state.current = current - 1 > 0 ? current - 1 : 1;
     }
-
     if (item.type === 'next') {
       state.current = current + 1 <= count ? current + 1 : count;
     }
-
     if (/^(jumpPrev|jumpNext)/.test(item.type) && item.goto) {
       state.current = item.type === 'jumpPrev' ? current - item.goto : current + item.goto;
-
       if (state.current > count) {
         state.current = count;
       }
-
       if (state.current < 1) {
@@ -151,7 +132,5 @@ state.current = 1;
     }
-
     setCurrent(state.current);
     onChange && onChange(state.current, total, pageSize);
   }
-
   var onSizeChange = e => {
@@ -163,3 +142,2 @@ var sizeCount = Number(e.target.value);
   };
-
   return /*#__PURE__*/_jsxs(PaginationStyleBaseUL, _extends({
@@ -183,3 +161,2 @@ className: cls,
       });
-
       if (/^(prev|next)$/.test(item.type)) {
@@ -197,3 +174,2 @@ // eslint-disable-next-line jsx-a11y/anchor-is-valid
       }
-
       return /*#__PURE__*/_jsx(PaginationStyleBaseLI, {
@@ -200,0 +176,0 @@ params: {

esm/style/index.js

 import _extends from "@babel/runtime/helpers/extends";
 import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/taggedTemplateLiteralLoose";
-
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19;
-
 import styled, { css } from 'styled-components';
@@ -21,3 +19,2 @@ import { SelectStyleWarp } from '@uiw/react-select';
   var _props$params;
-
   return ((_props$params = props.params) == null ? void 0 : _props$params.isArrow) && css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      padding: 0 3px;\n      &::after,\n      &::before {\n        content: '';\n        display: block;\n        height: 8px;\n        width: 2px;\n        border-radius: 2px;\n        background-color: ", ";\n        transition: all 0.3s;\n      }\n      &::after {\n        margin-top: -4px;\n      }\n    "])), props => getThemeVariantValue(_extends({}, props, {
@@ -30,23 +27,19 @@ defaultTheme: PaginationStyleTheme
   } = props;
-
   if ((params == null ? void 0 : params.type) === 'next' && params.isArrow) {
     return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n        &::before {\n          transform: rotate(-45deg);\n        }\n        &::after {\n          transform: rotate(45deg);\n        }\n      "])));
   }
-
   if ((params == null ? void 0 : params.type) === 'prev' && params.isArrow) {
     return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n        &::after {\n          transform: rotate(-45deg);\n        }\n        &::before {\n          transform: rotate(45deg);\n        }\n      "])));
   }
-
   return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose([""])));
 }, props => {
   var _props$params2;
-
   return ((_props$params2 = props.params) == null ? void 0 : _props$params2.size) === 'small' && css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n      &::after,\n      &::before {\n        margin-left: 6px;\n      }\n    "])));
 }, props => {
   var _props$params3;
-
   return ((_props$params3 = props.params) == null ? void 0 : _props$params3.disabled) && css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n      &::after,\n      &::before {\n        background: ", ";\n      }\n    "])), props => getThemeVariantValue(_extends({}, props, {
     defaultTheme: PaginationStyleTheme
   }), 'backgroundPaginationTextDisabled'));
-}); // PaginationStyleBaseLIA.defaultProps = {
+});
+// PaginationStyleBaseLIA.defaultProps = {
 //   defaultTheme: PaginationStyleTheme,
@@ -57,7 +50,5 @@ // };
   var _props$params4;
-
   return ((_props$params4 = props.params) == null ? void 0 : _props$params4.disabled) && css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n      & {\n        cursor: not-allowed;\n      }\n    "])));
 }, props => {
   var _props$params5;
-
   return ((_props$params5 = props.params) == null ? void 0 : _props$params5.size) === 'small' && css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n      height: 21px;\n      line-height: 21px;\n      border-radius: 4px;\n      > ", " {\n        margin: 0 3px;\n        min-width: 15px;\n      }\n      ", "\n      ", "\n    "])), PaginationStyleBaseLIA, props.params.active && css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n        background-color: ", ";\n      "])), props => getThemeVariantValue(_extends({}, props, {
@@ -70,3 +61,2 @@ defaultTheme: PaginationStyleTheme
   var _props$params6;
-
   return ((_props$params6 = props.params) == null ? void 0 : _props$params6.size) === 'default' && css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteralLoose(["\n      border: 1px solid\n        ", ";\n      border-left: 0;\n      ", "\n      ", "\n      &:first-child {\n        border-left: 1px solid\n          ", ";\n        border-radius: 3px 0 0 3px;\n      }\n      &:last-child {\n        border-radius: 0 3px 3px 0;\n      }\n      ", "\n    "])), props => getThemeVariantValue(_extends({}, props, {
@@ -87,5 +77,6 @@ defaultTheme: PaginationStyleTheme
   var _props$params7;
+  return ((_props$params7 = props.params) == null ? void 0 : _props$params7.isOptions) && css(_templateObject17 || (_templateObject17 = _taggedTemplateLiteralLoose(["\n      ", " {\n        border: none !important;\n        padding-top: 0;\n        padding-bottom: 0;\n        box-shadow: none !important;\n        height: 100%;\n      }\n    "])), SelectStyleWarp);
+});
 
-  return ((_props$params7 = props.params) == null ? void 0 : _props$params7.isOptions) && css(_templateObject17 || (_templateObject17 = _taggedTemplateLiteralLoose(["\n      ", " {\n        border: none !important;\n        padding-top: 0;\n        padding-bottom: 0;\n        box-shadow: none !important;\n        height: 100%;\n      }\n    "])), SelectStyleWarp);
-}); // PaginationStyleBaseLI.defaultProps = {
+// PaginationStyleBaseLI.defaultProps = {
 //   defaultTheme: PaginationStyleTheme,
@@ -96,9 +87,10 @@ // };
   var _props$params8;
-
   return ((_props$params8 = props.params) == null ? void 0 : _props$params8.size) === 'default' && props.params.isDivider && css(_templateObject19 || (_templateObject19 = _taggedTemplateLiteralLoose(["\n      ", " + ", " {\n        margin-left: 8px !important;\n        border: 1px solid\n          ", ";\n      }\n      ", " {\n        border-radius: 4px;\n      }\n    "])), PaginationStyleBaseLI, PaginationStyleBaseLI, props => getThemeVariantValue(_extends({}, props, {
     defaultTheme: PaginationStyleTheme
   }), 'borderColorPaginationBase'), PaginationStyleBaseLI);
-}); // PaginationStyleBaseUL.defaultProps = {
+});
+
+// PaginationStyleBaseUL.defaultProps = {
 //   defaultTheme: PaginationStyleTheme,
 // };
 //# sourceMappingURL=index.js.map

package.json

 {
   "name": "@uiw/react-pagination",
-  "version": "5.0.0-bate-1",
+  "version": "5.0.0-bate-10",
   "description": "Pagination component",
@@ -48,5 +48,5 @@ "author": "Kenny Wong <[e-mail]>",
   "dependencies": {
-    "@uiw/react-select": "^5.0.0-bate-1",
-    "@uiw/utils": "^5.0.0-bate-1"
+    "@uiw/react-select": "^5.0.0-bate-10",
+    "@uiw/utils": "^5.0.0-bate-10"
   }
 }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Lines of code

1181

increased by0.68%

Worsened metrics

Total package byte prevSize

104114

decreased by-0.51%

Dependency changes

• Updated@uiw/react-select@^5.0.0-bate-10

• Updated@uiw/utils@^5.0.0-bate-10