@firedesktop/react-base 3.1.0 → 3.2.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,11 +1,18 @@
1
+ export declare enum GoToPagePosition {
2
+ Left = "left",
3
+ Right = "right"
4
+ }
1
5
  type PropType = {
2
6
  activePage: number;
3
7
  className?: string;
8
+ goToPagePosition?: GoToPagePosition;
4
9
  itemsPerPage: number;
5
10
  maxSize?: number;
6
11
  onPageChange: (page: number) => void;
7
12
  pageFontSize?: number;
13
+ showCurrentPageInGoToPage?: boolean;
14
+ showGoToPage?: boolean;
8
15
  totalItems: number;
9
16
  };
10
- declare function AppPagination({ activePage, className, itemsPerPage, maxSize, onPageChange, pageFontSize, totalItems }: PropType): import("react/jsx-runtime").JSX.Element;
17
+ declare function AppPagination({ activePage, className, goToPagePosition, itemsPerPage, maxSize, onPageChange, pageFontSize, showCurrentPageInGoToPage, showGoToPage, totalItems }: PropType): import("react/jsx-runtime").JSX.Element;
11
18
  export default AppPagination;
@@ -1,7 +1,24 @@
1
+ var __assign = (this && this.__assign) || function () {
2
+ __assign = Object.assign || function(t) {
3
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
4
+ s = arguments[i];
5
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
6
+ t[p] = s[p];
7
+ }
8
+ return t;
9
+ };
10
+ return __assign.apply(this, arguments);
11
+ };
1
12
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
13
+ import { useState, useEffect } from 'react';
2
14
  import { AppIcon } from '.';
15
+ export var GoToPagePosition;
16
+ (function (GoToPagePosition) {
17
+ GoToPagePosition["Left"] = "left";
18
+ GoToPagePosition["Right"] = "right";
19
+ })(GoToPagePosition || (GoToPagePosition = {}));
3
20
  function AppPagination(_a) {
4
- var activePage = _a.activePage, className = _a.className, itemsPerPage = _a.itemsPerPage, _b = _a.maxSize, maxSize = _b === void 0 ? 5 : _b, onPageChange = _a.onPageChange, _c = _a.pageFontSize, pageFontSize = _c === void 0 ? 14 : _c, totalItems = _a.totalItems;
21
+ var activePage = _a.activePage, className = _a.className, _b = _a.goToPagePosition, goToPagePosition = _b === void 0 ? GoToPagePosition.Left : _b, itemsPerPage = _a.itemsPerPage, _c = _a.maxSize, maxSize = _c === void 0 ? 5 : _c, onPageChange = _a.onPageChange, _d = _a.pageFontSize, pageFontSize = _d === void 0 ? 14 : _d, _e = _a.showCurrentPageInGoToPage, showCurrentPageInGoToPage = _e === void 0 ? false : _e, _f = _a.showGoToPage, showGoToPage = _f === void 0 ? false : _f, totalItems = _a.totalItems;
5
22
  var calculatePagination = function (activePage, itemsPerPage, maxSize, totalItems) {
6
23
  if (totalItems) {
7
24
  return pagination(activePage, itemsPerPage, maxSize, totalItems);
@@ -34,7 +51,27 @@ function AppPagination(_a) {
34
51
  paginationArray.push(index);
35
52
  return { totalPages: totalPages, paginationArray: Array.from(new Set(paginationArray)) };
36
53
  };
37
- var _d = calculatePagination(activePage, itemsPerPage, maxSize, totalItems), paginationArray = _d.paginationArray, totalPages = _d.totalPages;
54
+ var _g = calculatePagination(activePage, itemsPerPage, maxSize, totalItems), paginationArray = _g.paginationArray, totalPages = _g.totalPages;
55
+ var _h = useState(showCurrentPageInGoToPage ? String(activePage) : ''), goToPageValue = _h[0], setGoToPageValue = _h[1];
56
+ useEffect(function () {
57
+ if (showCurrentPageInGoToPage) {
58
+ setGoToPageValue(String(activePage));
59
+ }
60
+ }, [activePage, showCurrentPageInGoToPage]);
61
+ var handleGoToPageChange = function (e) {
62
+ var val = e.target.value;
63
+ if (val === '' || /^\d+$/.test(val)) {
64
+ setGoToPageValue(val);
65
+ }
66
+ };
67
+ var handleGoToPageKeyDown = function (e) {
68
+ if (e.key === 'Enter') {
69
+ var page = parseInt(goToPageValue, 10);
70
+ if (!isNaN(page) && page >= 1 && page <= totalPages && page !== activePage) {
71
+ onPageChange(page);
72
+ }
73
+ }
74
+ };
38
75
  var goToFirst = function (event) {
39
76
  event.preventDefault();
40
77
  if (activePage !== 1)
@@ -55,10 +92,11 @@ function AppPagination(_a) {
55
92
  if (activePage !== 1)
56
93
  onPageChange(activePage - 1);
57
94
  };
58
- return (_jsx("nav", { "aria-label": "Page navigation", className: className ? className : '', children: _jsxs("ul", { className: "pagination", children: [_jsx("li", { className: "page-item", onClick: goToFirst, children: _jsx("span", { "aria-hidden": "true", children: _jsx(AppIcon, { name: 'arrow-first' }) }) }), _jsx("li", { className: "page-item disabled", onClick: goToPrev, children: _jsx("span", { "aria-hidden": "true", children: _jsx(AppIcon, { name: 'arrow-prev' }) }) }), paginationArray.map(function (page, index) { return (_jsx("li", { className: "page-item ".concat(page === activePage ? 'active' : ''), onClick: function () {
59
- if (activePage !== page)
60
- onPageChange(page);
61
- }, style: { borderRadius: 5 }, children: _jsxs("span", { "aria-hidden": "true", style: { fontSize: pageFontSize, minWidth: 27, width: '100%' }, children: [page, " ", _jsx("span", { className: "sr-only", children: "(current)" })] }) }, index)); }), _jsx("li", { className: "page-item", onClick: goToMext, children: _jsx("span", { "aria-hidden": "true", children: _jsx(AppIcon, { name: 'arrow-next' }) }) }), _jsx("li", { className: "page-item", onClick: goToLast, children: _jsx("span", { "aria-hidden": "true", children: _jsx(AppIcon, { name: 'arrow-last' }) }) })] }) }));
95
+ var goToPageInput = showGoToPage ? (_jsx("input", { type: "text", inputMode: "numeric", className: "app-pagination-goto", value: goToPageValue, onChange: handleGoToPageChange, onKeyDown: handleGoToPageKeyDown, "aria-label": "Go to page (1-".concat(totalPages, ")"), placeholder: "1-".concat(totalPages), style: { fontSize: pageFontSize } })) : null;
96
+ return (_jsxs("nav", { "aria-label": "Page navigation", className: "app-pagination".concat(className ? ' ' + className : ''), children: [goToPagePosition === GoToPagePosition.Left && goToPageInput, _jsxs("ul", { className: "pagination", children: [_jsx("li", { className: "page-item".concat(activePage === 1 ? ' disabled' : ''), onClick: goToFirst, children: _jsx("span", { "aria-hidden": "true", children: _jsx(AppIcon, { name: 'arrow-first', className: 'primary-svg', iconClassName: '' }) }) }), _jsx("li", { className: "page-item".concat(activePage === 1 ? ' disabled' : ''), onClick: goToPrev, children: _jsx("span", { "aria-hidden": "true", children: _jsx(AppIcon, { name: 'arrow-prev', className: 'primary-svg', iconClassName: '' }) }) }), paginationArray.map(function (page, index) { return (_jsx("li", __assign({ className: "page-item ".concat(page === activePage ? 'active' : ''), onClick: function () {
97
+ if (activePage !== page)
98
+ onPageChange(page);
99
+ }, style: { borderRadius: 5 } }, (page === activePage ? { 'aria-current': 'page' } : {}), { children: _jsx("span", { style: { fontSize: pageFontSize, minWidth: 27, width: '100%' }, children: page }) }), index)); }), _jsx("li", { className: "page-item".concat(activePage === totalPages ? ' disabled' : ''), onClick: goToMext, children: _jsx("span", { "aria-hidden": "true", children: _jsx(AppIcon, { name: 'arrow-next', className: 'primary-svg', iconClassName: '' }) }) }), _jsx("li", { className: "page-item".concat(activePage === totalPages ? ' disabled' : ''), onClick: goToLast, children: _jsx("span", { "aria-hidden": "true", children: _jsx(AppIcon, { name: 'arrow-last', className: 'primary-svg', iconClassName: '' }) }) })] }), goToPagePosition === GoToPagePosition.Right && goToPageInput] }));
62
100
  }
63
101
  export default AppPagination;
64
102
  //# sourceMappingURL=AppPagination.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"AppPagination.js","sourceRoot":"","sources":["../../src/lib/components/AppPagination.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"AppPagination.js","sourceRoot":"","sources":["../../src/lib/components/AppPagination.tsx"],"names":[],"mappings":"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"}
@@ -1,9 +1,10 @@
1
1
  import AppIcon from './AppIcon';
2
2
  import AppInput from './AppInput';
3
3
  import AppPagination from './AppPagination';
4
+ import { GoToPagePosition } from './AppPagination';
4
5
  import Layout from './Layout/Layout';
5
6
  import * as Layout_Types from './Layout/Types';
6
7
  import Spin from './Spin';
7
8
  import Toaster from './Toaster/Toaster';
8
9
  import * as Toaster_Types from './Toaster/Types';
9
- export { AppIcon, AppInput, AppPagination, Layout, Layout_Types, Spin, Toaster, Toaster_Types };
10
+ export { AppIcon, AppInput, AppPagination, GoToPagePosition, Layout, Layout_Types, Spin, Toaster, Toaster_Types };
@@ -1,10 +1,11 @@
1
1
  import AppIcon from './AppIcon';
2
2
  import AppInput from './AppInput';
3
3
  import AppPagination from './AppPagination';
4
+ import { GoToPagePosition } from './AppPagination';
4
5
  import Layout from './Layout/Layout';
5
6
  import * as Layout_Types from './Layout/Types';
6
7
  import Spin from './Spin';
7
8
  import Toaster from './Toaster/Toaster';
8
9
  import * as Toaster_Types from './Toaster/Types';
9
- export { AppIcon, AppInput, AppPagination, Layout, Layout_Types, Spin, Toaster, Toaster_Types };
10
+ export { AppIcon, AppInput, AppPagination, GoToPagePosition, Layout, Layout_Types, Spin, Toaster, Toaster_Types };
10
11
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/lib/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,WAAW,CAAC;AAChC,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAC5C,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,KAAK,YAAY,MAAM,gBAAgB,CAAC;AAC/C,OAAO,IAAI,MAAM,QAAQ,CAAC;AAC1B,OAAO,OAAO,MAAM,mBAAmB,CAAC;AACxC,OAAO,KAAK,aAAa,MAAM,iBAAiB,CAAC;AAEjD,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,EAAE,YAAY,EAAE,IAAI,EAAE,OAAO,EAAE,aAAa,EAAE,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/lib/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,WAAW,CAAC;AAChC,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,KAAK,YAAY,MAAM,gBAAgB,CAAC;AAC/C,OAAO,IAAI,MAAM,QAAQ,CAAC;AAC1B,OAAO,OAAO,MAAM,mBAAmB,CAAC;AACxC,OAAO,KAAK,aAAa,MAAM,iBAAiB,CAAC;AAEjD,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,EAAE,YAAY,EAAE,IAAI,EAAE,OAAO,EAAE,aAAa,EAAE,CAAC"}
@@ -361,6 +361,15 @@
361
361
 
362
362
  /*******************************************************************************/
363
363
  /* AppPagination */
364
+ .app-pagination {
365
+ display: flex;
366
+ align-items: center;
367
+ }
368
+
369
+ .app-pagination .pagination {
370
+ margin-bottom: 0;
371
+ }
372
+
364
373
  .page-item {
365
374
  cursor: pointer;
366
375
  margin-left: 2px;
@@ -387,6 +396,22 @@
387
396
  align-items: center;
388
397
  color: #ffffff !important;
389
398
  }
390
-
399
+
400
+ .app-pagination-goto {
401
+ width: 50px;
402
+ height: 27px;
403
+ text-align: center;
404
+ border: 2px solid var(--primary-color);
405
+ border-radius: 5px;
406
+ margin-left: 8px;
407
+ margin-right: 8px;
408
+ outline: none;
409
+ }
410
+
411
+ .app-pagination-goto:focus {
412
+ border-color: var(--primary-color);
413
+ box-shadow: 0 0 0 2px rgba(0, 87, 255, 0.2);
414
+ }
415
+
391
416
 
392
417
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@firedesktop/react-base",
3
- "version": "3.1.0",
3
+ "version": "3.2.0",
4
4
  "license": "SEE LICENSE IN LICENSE",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",