@factorearth/component-library 3.0.4-alpha.0 → 3.0.5-alpha.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import styled from "@emotion/styled";
|
|
3
3
|
import { FiChevronLeft, FiChevronRight } from "react-icons/fi";
|
|
4
|
-
import "./styles.css";
|
|
5
4
|
const PaginationContainer = styled.div `
|
|
6
5
|
display: flex;
|
|
7
6
|
align-items: center;
|
|
@@ -35,6 +34,22 @@ const Ellipsis = styled.span `
|
|
|
35
34
|
justify-content: center;
|
|
36
35
|
color: ${({ colorPalette }) => colorPalette.text.primary};
|
|
37
36
|
`;
|
|
37
|
+
const RightButton = styled(FiChevronRight) `
|
|
38
|
+
cursor: pointer;
|
|
39
|
+
display: inline-flex;
|
|
40
|
+
height: 24px;
|
|
41
|
+
justify-content: center;
|
|
42
|
+
align-items: center;
|
|
43
|
+
flex-shrink: 0;
|
|
44
|
+
`;
|
|
45
|
+
const LeftButton = styled(FiChevronLeft) `
|
|
46
|
+
cursor: pointer;
|
|
47
|
+
display: inline-flex;
|
|
48
|
+
height: 24px;
|
|
49
|
+
justify-content: center;
|
|
50
|
+
align-items: center;
|
|
51
|
+
flex-shrink: 0;
|
|
52
|
+
`;
|
|
38
53
|
const getMinAndMax = (number, maxVisiblePages) => {
|
|
39
54
|
const min = Math.floor(number / maxVisiblePages) * maxVisiblePages + 1;
|
|
40
55
|
const max = Math.floor(number / maxVisiblePages) * maxVisiblePages + (maxVisiblePages - 1);
|
|
@@ -88,8 +103,8 @@ export const Pagination = ({ totalPages, currentPage, setCurrentPage, colorPalet
|
|
|
88
103
|
setCurrentPage(page);
|
|
89
104
|
};
|
|
90
105
|
return (React.createElement(PaginationContainer, { colorPalette: colorPalette },
|
|
91
|
-
React.createElement(
|
|
106
|
+
React.createElement(LeftButton, { color: colorPalette.text.primary, onClick: handlePrevious }),
|
|
92
107
|
visiblePages.map((page, index) => page === "..." ? (React.createElement(Ellipsis, { colorPalette: colorPalette, key: index }, page)) : (React.createElement(PageNumber, { key: index, isActive: page === currentPage, onClick: () => handleSkipToPage(Number(page)), colorPalette: colorPalette }, page))),
|
|
93
|
-
React.createElement(
|
|
108
|
+
React.createElement(RightButton, { color: colorPalette.text.primary, onClick: handleNext })));
|
|
94
109
|
};
|
|
95
110
|
//# sourceMappingURL=Pagination.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Pagination.js","sourceRoot":"","sources":["../../../lib/Atoms/Pagination/Pagination.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6C,MAAM,OAAO,CAAC;AAClE,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAG/D,
|
|
1
|
+
{"version":3,"file":"Pagination.js","sourceRoot":"","sources":["../../../lib/Atoms/Pagination/Pagination.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@factorearth/component-library",
|
|
3
|
-
"version": "3.0.
|
|
3
|
+
"version": "3.0.5-alpha.0",
|
|
4
4
|
"description": " A storybook component library for FactorEarth",
|
|
5
5
|
"author": "madtrx <marlin.makori@gmail.com>",
|
|
6
6
|
"homepage": "https://github.com/FactorEarth/RecordMiddleware#readme",
|
|
@@ -45,7 +45,7 @@
|
|
|
45
45
|
"access": "public",
|
|
46
46
|
"registry": "https://registry.npmjs.org/"
|
|
47
47
|
},
|
|
48
|
-
"gitHead": "
|
|
48
|
+
"gitHead": "04a39c7c4cb9d9469fafd86f7d31deee2ea7abe0",
|
|
49
49
|
"dependencies": {
|
|
50
50
|
"@emotion/react": "^11.13.0",
|
|
51
51
|
"@emotion/styled": "^11.13.0",
|