@clickhouse/click-ui 0.0.158 → 0.0.160

package/dist/click-ui.es.js

@@ -9117,6 +9117,11 @@ const TextWrapper = styled.div.withConfig({
 }) => `
     gap: ${theme2.click.alert[$size].space.gap};
     padding: ${theme2.click.alert[$size].space.y} ${theme2.click.alert[$size].space.x};
+    a {
+      font: inherit;
+      color: inherit;
+      text-decoration: underline;
+    }
   `);
 const Title$4 = styled.h6.withConfig({
   componentId: "sc-1wvczk0-4"
@@ -14907,13 +14912,13 @@ const FlyoutContent = styled($5d3850c4d0b4e6c7$export$b6d9565de1e068cf).withConf
       ${$strategy === "relative" ? `
             position: absolute !important;` : ""}
       overflow: hidden;
-      transform: translateX(calc(100% - 50px));
+      transform: ${$align === "start" ? "translateX(calc(50px - 100%))" : "translateX(calc(100% - 50px))"};
       transition: 0.3s ease-in-out;
       &:hover,
       &.active,
       &:focus-within {
         transform: translateX(0);
-        left: auto;
+        ${$align === "start" ? "right" : "left"}: auto;
       }
     }
   `);
@@ -32754,6 +32759,7 @@ const Pagination = ({
   onPageNumberFocus,
   onPageNumberBlur,
   disableNextButton,
+  allowAllRows = true,
   ...props
 }) => {
   const hasRowCount = ["number", "string"].includes(typeof rowCount);
@@ -32806,6 +32812,9 @@ const Pagination = ({
       onNextPageClick(e);
     }
   }, [currentPage, onChangeProp, onNextPageClick, rightButtonDisabled]);
+  if (pageSize === -1 && !allowAllRows && maxRowsPerPageList.length > 0) {
+    pageSize = maxRowsPerPageList[0];
+  }
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(Container, { gap, justifyContent: justifyContent ?? (rowCount || maxRowsPerPageList.length > 0 ? "space-between" : "center"), fillWidth, ...props, children: [
     hasRowCount && /* @__PURE__ */ jsxRuntimeExports.jsxs(Text, { component: "div", color: "muted", size: "sm", children: [
       typeof rowCount === "number" ? formatNumber(rowCount) : rowCount,
@@ -32821,7 +32830,7 @@ const Pagination = ({
       /* @__PURE__ */ jsxRuntimeExports.jsx(IconButton$1, { icon: "chevron-right", type: "ghost", disabled: rightButtonDisabled, onClick: onNextClick, "data-testid": "next-btn" })
     ] }),
     maxRowsPerPageList.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs(CustomSelect, { as: Select, onSelect: onPageSizeChange, value: pageSize.toString(), children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(Select.Item, { value: "-1", children: "All rows" }),
+      allowAllRows && /* @__PURE__ */ jsxRuntimeExports.jsx(Select.Item, { value: "-1", children: "All rows" }),
       maxRowsPerPageList.map((option2) => /* @__PURE__ */ jsxRuntimeExports.jsxs(Select.Item, { value: option2.toString(), children: [
         option2,
         " rows"

package/dist/click-ui.umd.js

@@ -9134,6 +9134,11 @@ var __publicField = (obj, key, value) => {
   }) => `
     gap: ${theme2.click.alert[$size].space.gap};
     padding: ${theme2.click.alert[$size].space.y} ${theme2.click.alert[$size].space.x};
+    a {
+      font: inherit;
+      color: inherit;
+      text-decoration: underline;
+    }
   `);
   const Title$4 = styled.h6.withConfig({
     componentId: "sc-1wvczk0-4"
@@ -14924,13 +14929,13 @@ var __publicField = (obj, key, value) => {
       ${$strategy === "relative" ? `
             position: absolute !important;` : ""}
       overflow: hidden;
-      transform: translateX(calc(100% - 50px));
+      transform: ${$align === "start" ? "translateX(calc(50px - 100%))" : "translateX(calc(100% - 50px))"};
       transition: 0.3s ease-in-out;
       &:hover,
       &.active,
       &:focus-within {
         transform: translateX(0);
-        left: auto;
+        ${$align === "start" ? "right" : "left"}: auto;
       }
     }
   `);
@@ -32771,6 +32776,7 @@ var __publicField = (obj, key, value) => {
     onPageNumberFocus,
     onPageNumberBlur,
     disableNextButton,
+    allowAllRows = true,
     ...props
   }) => {
     const hasRowCount = ["number", "string"].includes(typeof rowCount);
@@ -32823,6 +32829,9 @@ var __publicField = (obj, key, value) => {
         onNextPageClick(e);
       }
     }, [currentPage, onChangeProp, onNextPageClick, rightButtonDisabled]);
+    if (pageSize === -1 && !allowAllRows && maxRowsPerPageList.length > 0) {
+      pageSize = maxRowsPerPageList[0];
+    }
     return /* @__PURE__ */ jsxRuntimeExports.jsxs(Container, { gap, justifyContent: justifyContent ?? (rowCount || maxRowsPerPageList.length > 0 ? "space-between" : "center"), fillWidth, ...props, children: [
       hasRowCount && /* @__PURE__ */ jsxRuntimeExports.jsxs(Text, { component: "div", color: "muted", size: "sm", children: [
         typeof rowCount === "number" ? formatNumber(rowCount) : rowCount,
@@ -32838,7 +32847,7 @@ var __publicField = (obj, key, value) => {
         /* @__PURE__ */ jsxRuntimeExports.jsx(IconButton$1, { icon: "chevron-right", type: "ghost", disabled: rightButtonDisabled, onClick: onNextClick, "data-testid": "next-btn" })
       ] }),
       maxRowsPerPageList.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs(CustomSelect, { as: Select, onSelect: onPageSizeChange, value: pageSize.toString(), children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(Select.Item, { value: "-1", children: "All rows" }),
+        allowAllRows && /* @__PURE__ */ jsxRuntimeExports.jsx(Select.Item, { value: "-1", children: "All rows" }),
         maxRowsPerPageList.map((option) => /* @__PURE__ */ jsxRuntimeExports.jsxs(Select.Item, { value: option.toString(), children: [
           option,
           " rows"

package/dist/components/Pagination/Pagination.d.ts

@@ -14,5 +14,6 @@ export interface PaginationProps extends Omit<ContainerProps<"div">, "children"
     onPageNumberFocus?: FocusEventHandler<HTMLInputElement>;
     onPageNumberBlur?: FocusEventHandler<HTMLInputElement>;
     disableNextButton?: boolean;
+    allowAllRows?: boolean;
 }
-export declare const Pagination: ({ totalPages, currentPage, maxRowsPerPageList, rowCount, onChange: onChangeProp, onPageSizeChange: onPageSizeChangeProp, pageSize, fillWidth, gap, justifyContent, onNextPageClick, onPrevPageClick, onPageNumberFocus, onPageNumberBlur, disableNextButton, ...props }: PaginationProps) => ReactElement;
+export declare const Pagination: ({ totalPages, currentPage, maxRowsPerPageList, rowCount, onChange: onChangeProp, onPageSizeChange: onPageSizeChangeProp, pageSize, fillWidth, gap, justifyContent, onNextPageClick, onPrevPageClick, onPageNumberFocus, onPageNumberBlur, disableNextButton, allowAllRows, ...props }: PaginationProps) => ReactElement;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@clickhouse/click-ui",
-  "version": "0.0.158",
+  "version": "0.0.160",
   "description": "Official ClickHouse design system react library",
   "type": "module",
   "license": "Apache-2.0",