@synerise/ds-pagination 1.0.51 → 1.0.53

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.0.53](https://github.com/synerise/synerise-design/compare/@synerise/ds-pagination@1.0.52...@synerise/ds-pagination@1.0.53) (2026-03-24)
+
+**Note:** Version bump only for package @synerise/ds-pagination
+
+## [1.0.52](https://github.com/synerise/synerise-design/compare/@synerise/ds-pagination@1.0.51...@synerise/ds-pagination@1.0.52) (2026-03-20)
+
+**Note:** Version bump only for package @synerise/ds-pagination
+
 ## [1.0.51](https://github.com/synerise/synerise-design/compare/@synerise/ds-pagination@1.0.50...@synerise/ds-pagination@1.0.51) (2026-03-09)
 
 **Note:** Version bump only for package @synerise/ds-pagination

package/README.md

@@ -11,5 +11,10 @@ Pagination UI Component
 
 ## API
 
+All [Ant Design Pagination props](https://4x.ant.design/components/pagination/#API) are supported. The component spreads all props onto the underlying `antd` Pagination. The following prop has custom handling:
+
 | Property | Description | Type | Default |
 | -------- | ----------- | ---- | ------- |
+| `locale` | Pagination locale. Merged with `{ page: '' }` so the Ant default page label is suppressed. Consumer-supplied keys take precedence. | `PaginationLocale` | `{ page: '' }` |
+
+> **Note:** `itemRender` is always overridden internally to render DS-styled ghost icon buttons for prev, next, jump-prev, and jump-next controls. Passing a custom `itemRender` has no effect.

package/dist/Pagination.d.ts

@@ -1,6 +1,4 @@
-import { type PaginationProps } from 'antd/lib/pagination';
-import React from 'react';
-import '@synerise/ds-core/dist/js/style';
-import './style/index.less';
+import { PaginationProps } from 'antd/lib/pagination';
+import { default as React } from 'react';
 declare const Pagination: ({ locale, ...props }: PaginationProps) => React.JSX.Element;
 export default Pagination;

package/dist/Pagination.js

@@ -1,78 +1,49 @@
-var _excluded = ["locale"];
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-import AntPagination from 'antd/lib/pagination';
-import React, { useCallback } from 'react';
-import Button from '@synerise/ds-button';
-import '@synerise/ds-core/dist/js/style';
-import Icon, { AngleLeftS, AngleRightS, DoubleAngleLeftS, DoubleAngleRightS, OptionHorizontalM } from '@synerise/ds-icon';
+import { jsxs, jsx } from "react/jsx-runtime";
+import AntPagination from "antd/lib/pagination";
+import { useCallback } from "react";
+import Button from "@synerise/ds-button";
+import Icon, { OptionHorizontalM, DoubleAngleRightS, DoubleAngleLeftS, AngleRightS, AngleLeftS } from "@synerise/ds-icon";
 import "./style/index.css";
-var ITEM_RENDER_TYPE = {
-  prev: 'prev',
-  next: 'next',
-  jumpPrev: 'jump-prev',
-  jumpNext: 'jump-next'
+const ITEM_RENDER_TYPE = {
+  prev: "prev",
+  next: "next",
+  jumpPrev: "jump-prev",
+  jumpNext: "jump-next"
 };
-var Pagination = function Pagination(_ref) {
-  var locale = _ref.locale,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded);
-  var renderItem = useCallback(function (_current, type, originalElement) {
+const Pagination = ({
+  locale,
+  ...props
+}) => {
+  const renderItem = useCallback((_current, type, originalElement) => {
     switch (type) {
-      case ITEM_RENDER_TYPE.prev:
-        {
-          return /*#__PURE__*/React.createElement(Button, {
-            mode: "single-icon",
-            type: "ghost"
-          }, /*#__PURE__*/React.createElement(Icon, {
-            component: /*#__PURE__*/React.createElement(AngleLeftS, null)
-          }));
-        }
-      case ITEM_RENDER_TYPE.next:
-        {
-          return /*#__PURE__*/React.createElement(Button, {
-            mode: "single-icon",
-            type: "ghost"
-          }, /*#__PURE__*/React.createElement(Icon, {
-            component: /*#__PURE__*/React.createElement(AngleRightS, null)
-          }));
-        }
-      case ITEM_RENDER_TYPE.jumpPrev:
-        {
-          return /*#__PURE__*/React.createElement(Button, {
-            mode: "single-icon",
-            type: "ghost"
-          }, /*#__PURE__*/React.createElement(Icon, {
-            className: "default-icon",
-            component: /*#__PURE__*/React.createElement(OptionHorizontalM, null)
-          }), /*#__PURE__*/React.createElement(Icon, {
-            className: "hover-icon",
-            component: /*#__PURE__*/React.createElement(DoubleAngleLeftS, null)
-          }));
-        }
-      case ITEM_RENDER_TYPE.jumpNext:
-        {
-          return /*#__PURE__*/React.createElement(Button, {
-            mode: "single-icon",
-            type: "ghost"
-          }, /*#__PURE__*/React.createElement(Icon, {
-            className: "default-icon",
-            component: /*#__PURE__*/React.createElement(OptionHorizontalM, null)
-          }), /*#__PURE__*/React.createElement(Icon, {
-            className: "hover-icon",
-            component: /*#__PURE__*/React.createElement(DoubleAngleRightS, null)
-          }));
-        }
-      default:
-        {
-          return originalElement;
-        }
+      case ITEM_RENDER_TYPE.prev: {
+        return /* @__PURE__ */ jsx(Button, { mode: "single-icon", type: "ghost", children: /* @__PURE__ */ jsx(Icon, { component: /* @__PURE__ */ jsx(AngleLeftS, {}) }) });
+      }
+      case ITEM_RENDER_TYPE.next: {
+        return /* @__PURE__ */ jsx(Button, { mode: "single-icon", type: "ghost", children: /* @__PURE__ */ jsx(Icon, { component: /* @__PURE__ */ jsx(AngleRightS, {}) }) });
+      }
+      case ITEM_RENDER_TYPE.jumpPrev: {
+        return /* @__PURE__ */ jsxs(Button, { mode: "single-icon", type: "ghost", children: [
+          /* @__PURE__ */ jsx(Icon, { className: "default-icon", component: /* @__PURE__ */ jsx(OptionHorizontalM, {}) }),
+          /* @__PURE__ */ jsx(Icon, { className: "hover-icon", component: /* @__PURE__ */ jsx(DoubleAngleLeftS, {}) })
+        ] });
+      }
+      case ITEM_RENDER_TYPE.jumpNext: {
+        return /* @__PURE__ */ jsxs(Button, { mode: "single-icon", type: "ghost", children: [
+          /* @__PURE__ */ jsx(Icon, { className: "default-icon", component: /* @__PURE__ */ jsx(OptionHorizontalM, {}) }),
+          /* @__PURE__ */ jsx(Icon, { className: "hover-icon", component: /* @__PURE__ */ jsx(DoubleAngleRightS, {}) })
+        ] });
+      }
+      default: {
+        return originalElement;
+      }
     }
   }, []);
-  return /*#__PURE__*/React.createElement(AntPagination, _extends({}, props, {
-    locale: _extends({
-      page: ''
-    }, locale),
-    itemRender: renderItem
-  }));
+  return /* @__PURE__ */ jsx(AntPagination, { ...props, locale: {
+    page: "",
+    ...locale
+  }, itemRender: renderItem });
+};
+export {
+  Pagination as default
 };
-export default Pagination;

package/dist/index.js

@@ -1 +1,4 @@
-export { default } from './Pagination';
+import { default as default2 } from "./Pagination.js";
+export {
+  default2 as default
+};

package/dist/modules.d.js

@@ -1 +1 @@
-import '@testing-library/jest-dom';
+import "@testing-library/jest-dom";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-pagination",
-  "version": "1.0.51",
+  "version": "1.0.53",
   "description": "Pagination UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "synerise/synerise-design",
@@ -16,10 +16,10 @@
     "access": "public"
   },
   "scripts": {
-    "build": "pnpm run build:js && pnpm run build:css && pnpm run defs",
+    "build": "vite build",
     "build:css": "node ../../../scripts/style/less.js",
     "build:js": "babel --delete-dir-on-start --root-mode upward src --out-dir dist --extensions '.js,.ts,.tsx'",
-    "build:watch": "pnpm run build:js -- --watch",
+    "build:watch": "vite build --watch",
     "defs": "tsc --declaration --outDir dist/ --emitDeclarationOnly",
     "pack:ci": "pnpm pack --pack-destination ../../storybook/storybook-static/static",
     "prepublish": "pnpm run build",
@@ -35,14 +35,14 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-button": "^1.5.16",
-    "@synerise/ds-icon": "^1.14.1",
-    "@synerise/ds-select": "^1.3.18"
+    "@synerise/ds-button": "^1.5.18",
+    "@synerise/ds-icon": "^1.15.1",
+    "@synerise/ds-select": "^1.3.20"
   },
   "peerDependencies": {
     "@synerise/ds-core": "*",
     "antd": "4.24.16",
     "react": ">=16.9.0 <= 18.3.1"
   },
-  "gitHead": "8dfafc5d7278f09d430f1e7499782d05c76b47c0"
+  "gitHead": "e4ecca8944fc9b41c1b9d59c8bcad5e5e2013225"
 }