@marigold/components 10.2.0 → 10.2.1

package/dist/index.js

@@ -1290,7 +1290,7 @@ var _CheckboxGroup = ({
 
 // src/Checkbox/Checkbox.tsx
 var import_jsx_runtime34 = require("react/jsx-runtime");
-var CheckMark = () => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("svg", { viewBox: "0 0 12 10", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+var CheckMark = () => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("svg", { width: "12px", height: "10px", viewBox: "0 0 12 10", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
   "path",
   {
     fill: "currentColor",
@@ -1298,7 +1298,7 @@ var CheckMark = () => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("svg", { vie
     d: "M11.915 1.548 10.367 0 4.045 6.315 1.557 3.827 0 5.373l4.045 4.046 7.87-7.871Z"
   }
 ) });
-var IndeterminateMark = () => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("svg", { width: "12", height: "3", viewBox: "0 0 12 3", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+var IndeterminateMark = () => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("svg", { width: "12px", height: "3px", viewBox: "0 0 12 3", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
   "path",
   {
     fill: "currentColor",
@@ -3039,6 +3039,14 @@ var _Pagination = ({
 }) => {
   const [currentPage, setCurrentPage] = (0, import_react44.useState)(page != null ? page : defaultPage);
   const totalPages = Math.ceil(totalItems / pageSize);
+  const isFirstRender = (0, import_react44.useRef)(true);
+  (0, import_react44.useEffect)(() => {
+    if (isFirstRender.current) {
+      isFirstRender.current = false;
+      return;
+    }
+    handlePageChange(1);
+  }, [pageSize]);
   const handlePageChange = (newPage) => {
     setCurrentPage(newPage);
     onChange(newPage);

package/dist/index.mjs

@@ -1198,7 +1198,7 @@ var _CheckboxGroup = ({
 
 // src/Checkbox/Checkbox.tsx
 import { Fragment as Fragment3, jsx as jsx34, jsxs as jsxs14 } from "react/jsx-runtime";
-var CheckMark = () => /* @__PURE__ */ jsx34("svg", { viewBox: "0 0 12 10", children: /* @__PURE__ */ jsx34(
+var CheckMark = () => /* @__PURE__ */ jsx34("svg", { width: "12px", height: "10px", viewBox: "0 0 12 10", children: /* @__PURE__ */ jsx34(
   "path",
   {
     fill: "currentColor",
@@ -1206,7 +1206,7 @@ var CheckMark = () => /* @__PURE__ */ jsx34("svg", { viewBox: "0 0 12 10", child
     d: "M11.915 1.548 10.367 0 4.045 6.315 1.557 3.827 0 5.373l4.045 4.046 7.87-7.871Z"
   }
 ) });
-var IndeterminateMark = () => /* @__PURE__ */ jsx34("svg", { width: "12", height: "3", viewBox: "0 0 12 3", children: /* @__PURE__ */ jsx34(
+var IndeterminateMark = () => /* @__PURE__ */ jsx34("svg", { width: "12px", height: "3px", viewBox: "0 0 12 3", children: /* @__PURE__ */ jsx34(
   "path",
   {
     fill: "currentColor",
@@ -2726,7 +2726,7 @@ var _NumberField = forwardRef19(
 );
 
 // src/Pagination/Pagination.tsx
-import { useEffect as useEffect5, useState as useState5 } from "react";
+import { useEffect as useEffect5, useRef as useRef7, useState as useState5 } from "react";
 
 // src/Pagination/Ellipsis.tsx
 import { jsx as jsx78 } from "react/jsx-runtime";
@@ -2978,6 +2978,14 @@ var _Pagination = ({
 }) => {
   const [currentPage, setCurrentPage] = useState5(page != null ? page : defaultPage);
   const totalPages = Math.ceil(totalItems / pageSize);
+  const isFirstRender = useRef7(true);
+  useEffect5(() => {
+    if (isFirstRender.current) {
+      isFirstRender.current = false;
+      return;
+    }
+    handlePageChange(1);
+  }, [pageSize]);
   const handlePageChange = (newPage) => {
     setCurrentPage(newPage);
     onChange(newPage);
@@ -3531,7 +3539,7 @@ var _Switch = forwardRef26(
 );
 
 // src/Table/Table.tsx
-import { useRef as useRef13 } from "react";
+import { useRef as useRef14 } from "react";
 import { useTable } from "@react-aria/table";
 import {
   TableBody as Body2,
@@ -3569,14 +3577,14 @@ var TableBody = ({ children, emptyState }) => {
 };
 
 // src/Table/TableCell.tsx
-import { useRef as useRef7 } from "react";
+import { useRef as useRef8 } from "react";
 import { useFocusRing as useFocusRing2 } from "@react-aria/focus";
 import { useTableCell } from "@react-aria/table";
 import { mergeProps as mergeProps3 } from "@react-aria/utils";
 import { cn as cn53, useStateProps as useStateProps2 } from "@marigold/system";
 import { jsx as jsx93 } from "react/jsx-runtime";
 var TableCell = ({ cell, align = "left" }) => {
-  const ref = useRef7(null);
+  const ref = useRef8(null);
   const { interactive, state, classNames: classNames2 } = useTableContext();
   const disabled = state.disabledKeys.has(cell.parentKey);
   const { gridCellProps } = useTableCell(
@@ -3611,7 +3619,7 @@ var TableCell = ({ cell, align = "left" }) => {
 };
 
 // src/Table/TableCheckboxCell.tsx
-import { useRef as useRef8 } from "react";
+import { useRef as useRef9 } from "react";
 import { useFocusRing as useFocusRing3 } from "@react-aria/focus";
 import { useTableCell as useTableCell2, useTableSelectionCheckbox } from "@react-aria/table";
 import { mergeProps as mergeProps4 } from "@react-aria/utils";
@@ -3640,7 +3648,7 @@ var mapCheckboxProps = ({
 // src/Table/TableCheckboxCell.tsx
 import { jsx as jsx94 } from "react/jsx-runtime";
 var TableCheckboxCell = ({ cell }) => {
-  const ref = useRef8(null);
+  const ref = useRef9(null);
   const { state, classNames: classNames2 } = useTableContext();
   const disabled = state.disabledKeys.has(cell.parentKey);
   const { gridCellProps } = useTableCell2(
@@ -3668,7 +3676,7 @@ var TableCheckboxCell = ({ cell }) => {
 };
 
 // src/Table/TableColumnHeader.tsx
-import { useRef as useRef9 } from "react";
+import { useRef as useRef10 } from "react";
 import { useFocusRing as useFocusRing4 } from "@react-aria/focus";
 import { useHover } from "@react-aria/interactions";
 import { useTableColumnHeader } from "@react-aria/table";
@@ -3681,7 +3689,7 @@ var TableColumnHeader = ({
   align = "left"
 }) => {
   var _a, _b;
-  const ref = useRef9(null);
+  const ref = useRef10(null);
   const { state, classNames: classNames2 } = useTableContext();
   const { columnHeaderProps } = useTableColumnHeader(
     {
@@ -3729,18 +3737,18 @@ var TableHeader = ({ stickyHeader, children }) => {
 };
 
 // src/Table/TableHeaderRow.tsx
-import { useRef as useRef10 } from "react";
+import { useRef as useRef11 } from "react";
 import { useTableHeaderRow } from "@react-aria/table";
 import { jsx as jsx97 } from "react/jsx-runtime";
 var TableHeaderRow = ({ item, children }) => {
   const { state } = useTableContext();
-  const ref = useRef10(null);
+  const ref = useRef11(null);
   const { rowProps } = useTableHeaderRow({ node: item }, state, ref);
   return /* @__PURE__ */ jsx97("tr", { ...rowProps, ref, children });
 };
 
 // src/Table/TableRow.tsx
-import { useRef as useRef11 } from "react";
+import { useRef as useRef12 } from "react";
 import { useFocusRing as useFocusRing5 } from "@react-aria/focus";
 import { useHover as useHover2 } from "@react-aria/interactions";
 import { useTableRow } from "@react-aria/table";
@@ -3748,7 +3756,7 @@ import { mergeProps as mergeProps6 } from "@react-aria/utils";
 import { cn as cn56, useClassNames as useClassNames52, useStateProps as useStateProps5 } from "@marigold/system";
 import { jsx as jsx98 } from "react/jsx-runtime";
 var TableRow = ({ children, row }) => {
-  const ref = useRef11(null);
+  const ref = useRef12(null);
   const { interactive, state, ...ctx } = useTableContext();
   const { variant, size } = row.props;
   const classNames2 = useClassNames52({
@@ -3794,7 +3802,7 @@ var TableRow = ({ children, row }) => {
 };
 
 // src/Table/TableSelectAllCell.tsx
-import { useRef as useRef12 } from "react";
+import { useRef as useRef13 } from "react";
 import { useFocusRing as useFocusRing6 } from "@react-aria/focus";
 import { useHover as useHover3 } from "@react-aria/interactions";
 import {
@@ -3813,7 +3821,7 @@ var TableSelectAllCell = ({
   width = "auto",
   align = "left"
 }) => {
-  const ref = useRef12(null);
+  const ref = useRef13(null);
   const { state, classNames: classNames2 } = useTableContext();
   const { columnHeaderProps } = useTableColumnHeader2(
     {
@@ -3855,7 +3863,7 @@ var Table = ({
   ...props
 }) => {
   const interactive = selectionMode !== "none";
-  const tableRef = useRef13(null);
+  const tableRef = useRef14(null);
   const state = useTableState({
     ...props,
     selectionMode,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@marigold/components",
-  "version": "10.2.0",
+  "version": "10.2.1",
   "description": "Components for the Marigold Design System",
   "license": "MIT",
   "keywords": [
@@ -43,7 +43,7 @@
     "@react-types/shared": "3.27.0",
     "@react-types/table": "3.10.4",
     "react-aria-components": "1.6.0",
-    "@marigold/system": "10.2.0",
+    "@marigold/system": "10.2.1",
     "@marigold/types": "1.2.1"
   },
   "peerDependencies": {
@@ -55,7 +55,7 @@
     "react": "19.0.0",
     "react-dom": "19.0.0",
     "tsup": "8.3.5",
-    "@marigold/icons": "1.2.63",
+    "@marigold/icons": "1.2.64",
     "@marigold/tsconfig": "0.4.0"
   },
   "scripts": {