@pibit.ai/cure-design-system 0.6.60 → 0.6.61

package/dist/_virtual/index.js

@@ -1,5 +1,4 @@
-import { __require as r } from "../node_modules/react-is/index.js";
-var a = r();
+var e = { exports: {} };
 export {
-  a as r
+  e as __module
 };

package/dist/_virtual/index2.js

@@ -1,4 +1,5 @@
-var e = { exports: {} };
+import { __require as r } from "../node_modules/react-is/index.js";
+var a = r();
 export {
-  e as __module
+  a as r
 };

package/dist/node_modules/recharts/es6/util/ReactUtils.js

@@ -1,5 +1,5 @@
 import { Children as p } from "react";
-import { r as y } from "../../../../_virtual/index.js";
+import { r as y } from "../../../../_virtual/index2.js";
 import { isNullish as m } from "./DataUtils.js";
 import { get as f } from "../../../es-toolkit/dist/compat/object/get.js";
 var u = (r) => typeof r == "string" ? r : r ? r.displayName || r.name || "Component" : "", l = null, n = null, o = (r) => {

package/dist/node_modules/use-sync-external-store/shim/index.js

@@ -1,4 +1,4 @@
-import { __module as r } from "../../../_virtual/index2.js";
+import { __module as r } from "../../../_virtual/index.js";
 import { __require as o } from "../cjs/use-sync-external-store-shim.production.js";
 import { __require as i } from "../cjs/use-sync-external-store-shim.development.js";
 var e;

package/dist/patterns/table/TablePagination.d.ts

@@ -1,22 +1,34 @@
 export type TablePaginationConfig = {
     currentPage: number;
     pageSize: number;
-    totalPages: number;
-    totalItems: number;
+    /** Omitted: the page control falls back to its own default. */
+    totalPages?: number;
+    /** Omitted: the "Total rows" count is not shown. */
+    totalItems?: number;
     onPageChange: (page: number) => void;
-    onPageSizeChange: (size: number | string) => void;
+    onPageSizeChange: (size: number) => void;
     /** Whether pagination should actually render. Default: true. */
     showPagination?: boolean;
 };
 export interface TablePaginationProps extends TablePaginationConfig {
     loading?: boolean;
     rootClassName?: string;
+    /** Render nothing when `totalItems` is 0. Default: true. */
+    hideWhenEmpty?: boolean;
+    /**
+     * Wait this long after a page-size pick before calling `onPageSizeChange`, so
+     * a burst of picks makes one change (and one request). Default: 0, immediate.
+     * The select keeps showing `pageSize` until the parent passes the new one.
+     */
+    pageSizeChangeDelayMs?: number;
+    /** data-testid for the "Total rows" text. */
+    totalRowsTestId?: string;
 }
 /**
  * Table footer pagination — page-size select, total count, and page controls.
  * Matches the `TableWrapperPaginationConfig` contract used in platform-ui.
  */
-export declare function TablePagination({ currentPage, pageSize, totalPages, totalItems, onPageChange, onPageSizeChange, showPagination, loading, rootClassName, }: TablePaginationProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function TablePagination({ currentPage, pageSize, totalPages, totalItems, onPageChange, onPageSizeChange, showPagination, loading, rootClassName, hideWhenEmpty, pageSizeChangeDelayMs, totalRowsTestId, }: TablePaginationProps): import("react/jsx-runtime").JSX.Element | null;
 export declare namespace TablePagination {
     var displayName: string;
 }

package/dist/patterns/table/TablePagination.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TablePagination.d.ts","sourceRoot":"","sources":["../../../src/patterns/table/TablePagination.tsx"],"names":[],"mappings":"AAIA,MAAM,MAAM,qBAAqB,GAAG;IAClC,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,gBAAgB,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IAClD,gEAAgE;IAChE,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AAEF,MAAM,WAAW,oBAAqB,SAAQ,qBAAqB;IACjE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AASD;;;GAGG;AACH,wBAAgB,eAAe,CAAC,EAC9B,WAAW,EACX,QAAQ,EACR,UAAU,EACV,UAAU,EACV,YAAY,EACZ,gBAAgB,EAChB,cAAqB,EACrB,OAAe,EACf,aAAa,GACd,EAAE,oBAAoB,kDAwCtB;yBAlDe,eAAe"}
+{"version":3,"file":"TablePagination.d.ts","sourceRoot":"","sources":["../../../src/patterns/table/TablePagination.tsx"],"names":[],"mappings":"AAMA,MAAM,MAAM,qBAAqB,GAAG;IAClC,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,+DAA+D;IAC/D,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,oDAAoD;IACpD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,gBAAgB,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,gEAAgE;IAChE,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AAEF,MAAM,WAAW,oBAAqB,SAAQ,qBAAqB;IACjE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,4DAA4D;IAC5D,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;;OAIG;IACH,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,6CAA6C;IAC7C,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AASD;;;GAGG;AACH,wBAAgB,eAAe,CAAC,EAC9B,WAAW,EACX,QAAQ,EACR,UAAU,EACV,UAAU,EACV,YAAY,EACZ,gBAAgB,EAChB,cAAqB,EACrB,OAAe,EACf,aAAa,EACb,aAAoB,EACpB,qBAAyB,EACzB,eAAe,GAChB,EAAE,oBAAoB,kDA0EtB;yBAvFe,eAAe"}

package/dist/patterns/table/TablePagination.js

@@ -1,60 +1,82 @@
-import { jsxs as a, jsx as e } from "react/jsx-runtime";
-import { cn as x } from "../../utils/cn.js";
-import { PaginationCardDefault as f } from "./pagination-card.js";
-import { Select as i } from "../../primitives/select/select.js";
-const b = [
+import { jsxs as s, jsx as t } from "react/jsx-runtime";
+import { useRef as c, useEffect as g } from "react";
+import { cn as v } from "../../utils/cn.js";
+import { PaginationCardDefault as y } from "./pagination-card.js";
+import { Select as d } from "../../primitives/select/select.js";
+const R = [
   { label: "10", id: "10" },
   { label: "20", id: "20" },
   { label: "50", id: "50" },
   { label: "100", id: "100" }
 ];
-function h({
-  currentPage: n,
-  pageSize: s,
-  totalPages: o,
-  totalItems: l,
-  onPageChange: m,
-  onPageSizeChange: c,
-  showPagination: d = !0,
-  loading: r = !1,
-  rootClassName: p
+function E({
+  currentPage: x,
+  pageSize: l,
+  totalPages: p,
+  totalItems: a,
+  onPageChange: b,
+  onPageSizeChange: i,
+  showPagination: N = !0,
+  loading: o = !1,
+  rootClassName: h,
+  hideWhenEmpty: w = !0,
+  pageSizeChangeDelayMs: u = 0,
+  totalRowsTestId: S
 }) {
-  return !d || l === 0 ? null : /* @__PURE__ */ a("div", { className: x("flex items-center justify-between border-t border-secondary pt-2", p), children: [
-    /* @__PURE__ */ a("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ e("p", { className: "text-xs font-normal text-tertiary", children: "Show rows per page" }),
-      /* @__PURE__ */ e(
-        i,
+  const e = c(null), m = c(l), f = c(i);
+  if (m.current = l, f.current = i, g(
+    () => () => {
+      e.current && clearTimeout(e.current);
+    },
+    []
+  ), !N || w && a === 0) return null;
+  const T = (n) => {
+    const r = Number(n);
+    if (!(n == null || !Number.isFinite(r) || r <= 0) && (e.current && (clearTimeout(e.current), e.current = null), r !== l)) {
+      if (u <= 0) {
+        i(r);
+        return;
+      }
+      e.current = setTimeout(() => {
+        e.current = null, r !== m.current && f.current(r);
+      }, u);
+    }
+  };
+  return /* @__PURE__ */ s("div", { className: v("flex items-center justify-between border-t border-secondary pt-2", h), children: [
+    /* @__PURE__ */ s("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ t("p", { className: "text-xs font-normal text-tertiary", children: "Show rows per page" }),
+      /* @__PURE__ */ t(
+        d,
         {
-          isDisabled: r,
+          "aria-label": "Rows per page",
+          isDisabled: o,
           size: "sm",
-          value: s.toString(),
-          items: b,
-          onSelectionChange: (t) => {
-            t != null && c(t);
-          },
+          value: l.toString(),
+          items: R,
+          onSelectionChange: T,
           className: "w-auto min-w-10",
           popoverClassName: "w-20",
           textStyles: "text-xs align-center",
-          children: (t) => /* @__PURE__ */ e(i.Item, { id: t.id, textStyles: "text-xs font-normal", children: t.label })
+          children: (n) => /* @__PURE__ */ t(d.Item, { id: n.id, textStyles: "text-xs font-normal", children: n.label })
         }
       ),
-      /* @__PURE__ */ a("p", { className: "ml-4 text-xs", children: [
-        /* @__PURE__ */ e("span", { className: "font-normal text-tertiary", children: "Total rows " }),
-        /* @__PURE__ */ e("span", { className: "font-medium text-primary", children: l.toLocaleString() })
+      a != null && /* @__PURE__ */ s("p", { className: "ml-4 text-xs", "data-testid": S, children: [
+        /* @__PURE__ */ t("span", { className: "font-normal text-tertiary", children: "Total rows " }),
+        /* @__PURE__ */ t("span", { className: "font-medium text-primary", children: a.toLocaleString() })
       ] })
     ] }),
-    /* @__PURE__ */ e("div", { className: "relative", children: /* @__PURE__ */ e(
-      f,
+    /* @__PURE__ */ t("div", { className: "relative", children: /* @__PURE__ */ t(
+      y,
       {
-        loading: r,
-        page: n,
-        total: o,
-        onPageChange: m
+        loading: o,
+        page: x,
+        total: p,
+        onPageChange: b
       }
     ) })
   ] });
 }
-h.displayName = "TablePagination";
+E.displayName = "TablePagination";
 export {
-  h as TablePagination
+  E as TablePagination
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pibit.ai/cure-design-system",
-  "version": "0.6.60",
+  "version": "0.6.61",
   "description": "CURE Design System - React component library",
   "author": "Pibit",
   "license": "MIT",
@@ -81,12 +81,13 @@
     "build:lib": "tsc && vite build",
     "build:css": "node scripts/build-css.js",
     "build:watch": "vite build --watch",
-    "lint": "eslint . --ext ts,tsx",
+    "lint": "eslint .",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build",
     "test": "vitest",
     "check:exports": "node scripts/check-exports.mjs",
-    "generate:icons": "node scripts/generate-icons.mjs"
+    "generate:icons": "node scripts/generate-icons.mjs",
+    "lint:gate": "node scripts/lint-gate.mjs"
   },
   "peerDependencies": {
     "@codemirror/commands": "^6.10.3",
@@ -160,6 +161,7 @@
     "@codemirror/merge": "^6.12.2",
     "@codemirror/state": "^6.6.0",
     "@codemirror/view": "^6.43.0",
+    "@eslint/js": "^9.39.5",
     "@lezer/highlight": "^1.2.0",
     "@storybook/addon-a11y": "^8.5.0",
     "@storybook/addon-essentials": "^8.5.0",
@@ -185,6 +187,8 @@
     "@uiw/react-codemirror": "^4.25.10",
     "@vitejs/plugin-react": "^4.3.4",
     "eslint": "^9.33.0",
+    "eslint-plugin-react-hooks": "^5.2.0",
+    "globals": "^16.5.0",
     "jsdom": "^29.1.1",
     "prettier": "^3.4.2",
     "storybook": "^8.5.0",
@@ -193,6 +197,7 @@
     "tailwindcss-react-aria-components": "^2.0.1",
     "tippy.js": "^6.3.7",
     "typescript": "^5.8.3",
+    "typescript-eslint": "^8.72.2",
     "vite": "^6.0.7",
     "vite-plugin-dts": "^4.5.0",
     "vitest": "^2.1.8"