Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@snack-uikit/pagination

Package Overview
Dependencies
Maintainers
3
Versions
57
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@snack-uikit/pagination - npm Package Compare versions

Comparing version 0.5.2 to 0.5.3

9

CHANGELOG.md

@@ -6,2 +6,11 @@ # Change Log

## 0.5.3 (2023-12-14)
### Only dependencies have been changed
* [@snack-uikit/icons@0.19.1](https://git.sbercloud.tech/sbercloud-ui/tokens-design-system/snack-uikit/-/blob/master/packages/icons/CHANGELOG.md)
## 0.5.2 (2023-12-14)

@@ -8,0 +17,0 @@

2

dist/components/PageButton/PageButton.js

@@ -17,3 +17,3 @@ var __rest = (this && this.__rest) || function (s, e) {

var { label, activated, onClick, setButtonRef } = _a, rest = __rest(_a, ["label", "activated", "onClick", "setButtonRef"]);
return (_jsx("button", Object.assign({ className: styles.pageButton, onClick: onClick, ref: setButtonRef }, extractSupportProps(rest), { "data-activated": activated || undefined }, { children: label })));
return (_jsx("button", Object.assign({ className: styles.pageButton, onClick: onClick, ref: setButtonRef }, extractSupportProps(rest), { "data-activated": activated || undefined, children: label })));
}

@@ -17,3 +17,3 @@ var __rest = (this && this.__rest) || function (s, e) {

var { activated, onClick } = _a, rest = __rest(_a, ["activated", "onClick"]);
return (_jsx("button", Object.assign({ className: styles.pageButtonSlider, onClick: onClick }, extractSupportProps(rest), { "data-activated": activated || undefined }, { children: _jsx("div", { className: styles.pageButtonSliderDot }) })));
return (_jsx("button", Object.assign({ className: styles.pageButtonSlider, onClick: onClick }, extractSupportProps(rest), { "data-activated": activated || undefined, children: _jsx("div", { className: styles.pageButtonSliderDot }) })));
}

@@ -67,3 +67,3 @@ var __rest = (this && this.__rest) || function (s, e) {

};
return (_jsx("nav", Object.assign({ className: className }, extractSupportProps(rest), { children: _jsxs("ul", Object.assign({ className: styles.pagination }, { children: [_jsx("li", { children: _jsx(ButtonFunction, { icon: _jsx(ChevronLeftSVG, {}), onClick: handlePreviousPageButtonClick, disabled: page === FIRST_PAGE, "data-test-id": 'page-prev-button' }) }), entries.map(renderEntry), _jsx("li", { children: _jsx(ButtonFunction, { icon: _jsx(ChevronRightSVG, {}), onClick: handleNextPageButtonClick, disabled: page === total, "data-test-id": 'page-next-button' }) })] })) })));
return (_jsx("nav", Object.assign({ className: className }, extractSupportProps(rest), { children: _jsxs("ul", { className: styles.pagination, children: [_jsx("li", { children: _jsx(ButtonFunction, { icon: _jsx(ChevronLeftSVG, {}), onClick: handlePreviousPageButtonClick, disabled: page === FIRST_PAGE, "data-test-id": 'page-prev-button' }) }), entries.map(renderEntry), _jsx("li", { children: _jsx(ButtonFunction, { icon: _jsx(ChevronRightSVG, {}), onClick: handleNextPageButtonClick, disabled: page === total, "data-test-id": 'page-next-button' }) })] }) })));
}

@@ -20,3 +20,3 @@ var __rest = (this && this.__rest) || function (s, e) {

var { total, page, onChange, className } = _a, rest = __rest(_a, ["total", "page", "onChange", "className"]);
return (_jsx("nav", Object.assign({ className: className }, extractSupportProps(rest), { children: _jsx("ul", Object.assign({ className: styles.paginationSlider }, { children: getRange(FIRST_PAGE, total).map(value => (_jsx("li", { children: _jsx(PageSliderButton, { activated: value === page, onClick: () => onChange(value), "data-test-id": `page-button-slider-${value}` }) }, value))) })) })));
return (_jsx("nav", Object.assign({ className: className }, extractSupportProps(rest), { children: _jsx("ul", { className: styles.paginationSlider, children: getRange(FIRST_PAGE, total).map(value => (_jsx("li", { children: _jsx(PageSliderButton, { activated: value === page, onClick: () => onChange(value), "data-test-id": `page-button-slider-${value}` }) }, value))) }) })));
}

@@ -7,3 +7,3 @@ {

"title": "Pagination",
"version": "0.5.2",
"version": "0.5.3",
"sideEffects": [

@@ -37,6 +37,6 @@ "*.css",

"@snack-uikit/button": "0.15.0",
"@snack-uikit/icons": "0.19.0",
"@snack-uikit/icons": "0.19.1",
"@snack-uikit/utils": "3.2.0"
},
"gitHead": "bd39c5e674f3b91b0e2487782a04b15034cf3d8b"
"gitHead": "62f43bf0cbfd611d0b746117400f67096b1790f6"
}
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