lecom-ui 5.4.28 → 5.4.30

package/dist/components/Pagination/Pagination.js

@@ -145,7 +145,8 @@ const PaginationPerPage = ({
   className,
   onChangePerPage,
   perPage,
-  totalRowsSelected = 0
+  totalRowsSelected = 0,
+  maxSelection
 }) => {
   const { t } = useTranslation();
   const perPageOptions = [
@@ -165,6 +166,12 @@ const PaginationPerPage = ({
   if (!onChangePerPage) {
     return null;
   }
+  const getSelectedText = () => {
+    if (maxSelection === 1 && totalRowsSelected === 1) {
+      return `${totalRowsSelected} ${t("pagination.selectedItemSingular")}`;
+    }
+    return `${totalRowsSelected} ${t("pagination.selectedProcess")}`;
+  };
   return /* @__PURE__ */ React.createElement("div", { className: cn("flex items-center gap-4", className) }, /* @__PURE__ */ React.createElement(DropdownMenu, null, /* @__PURE__ */ React.createElement(DropdownMenuTrigger, { asChild: true }, /* @__PURE__ */ React.createElement(Button, { size: "small", color: "grey", variant: "outlined" }, /* @__PURE__ */ React.createElement("span", { className: "max-md:hidden" }, t("pagination.show")), " ", perPage, /* @__PURE__ */ React.createElement(ChevronDown, { size: 20 }))), /* @__PURE__ */ React.createElement(DropdownMenuContent, { side: "top", align: "center" }, perPageOptions.map((option) => /* @__PURE__ */ React.createElement(
     DropdownMenuItem,
     {
@@ -174,7 +181,7 @@ const PaginationPerPage = ({
       }
     },
     option.value.toString()
-  )))), totalRowsSelected > 0 && /* @__PURE__ */ React.createElement(Typography, { variant: "heading-xxsmall-600", textColor: "text-grey-800" }, totalRowsSelected, " ", t("pagination.selectedProcess")));
+  )))), totalRowsSelected > 0 && /* @__PURE__ */ React.createElement(Typography, { variant: "heading-xxsmall-600", textColor: "text-grey-800" }, getSelectedText()));
 };
 PaginationPerPage.displayName = "PaginationPerPage";
 const Pagination = ({
@@ -185,7 +192,8 @@ const Pagination = ({
   onChangePerPage,
   className,
   activeColor,
-  showPerPageSelector = true
+  showPerPageSelector = true,
+  maxSelection
 }) => {
   const { t } = useTranslation();
   const mapPaginationItem = (item) => {
@@ -215,6 +223,12 @@ const Pagination = ({
     };
     return React.createElement(mappedComponents[item.type], componentProps);
   };
+  const getSelectedText = () => {
+    if (maxSelection === 1 && totalRowsSelected === 1) {
+      return `${totalRowsSelected} ${t("pagination.selectedItemSingular")}`;
+    }
+    return `${totalRowsSelected} ${t("pagination.selectedProcess")}`;
+  };
   return /* @__PURE__ */ React.createElement(
     "div",
     {
@@ -225,10 +239,11 @@ const Pagination = ({
       {
         onChangePerPage,
         perPage,
-        totalRowsSelected
+        totalRowsSelected,
+        maxSelection
       }
     ),
-    !showPerPageSelector && totalRowsSelected > 0 && /* @__PURE__ */ React.createElement(Typography, { variant: "heading-xxsmall-600", textColor: "text-grey-800" }, totalRowsSelected, " ", t("pagination.selectedProcess")),
+    !showPerPageSelector && totalRowsSelected > 0 && /* @__PURE__ */ React.createElement(Typography, { variant: "heading-xxsmall-600", textColor: "text-grey-800" }, getSelectedText()),
     /* @__PURE__ */ React.createElement("nav", { role: "navigation", "aria-label": "pagination" }, /* @__PURE__ */ React.createElement(PaginationContent, null, itemsPage.map((item) => /* @__PURE__ */ React.createElement(PaginationItem, { key: item.id }, mapPaginationItem(item)))))
   );
 };

package/dist/components/TagInput/TagInput.js

@@ -13,15 +13,31 @@ function TagItem({ item, onRemove, readOnly }) {
     },
     [item.value, onRemove]
   );
-  return /* @__PURE__ */ React.createElement(Tag, { "data-tag": "true", color: "blue", className: "max-w-[15.625rem] h-6 !px-2 !py-0.5" }, /* @__PURE__ */ React.createElement(Typography, { variant: "body-small-400", className: "text-blue-600 truncate p-0" }, item.label), !readOnly && /* @__PURE__ */ React.createElement(
-    X,
+  return /* @__PURE__ */ React.createElement(
+    Tag,
     {
-      className: "w-4 h-4 cursor-pointer flex-shrink-0",
-      onClick: handleRemove,
-      "aria-label": `Remover ${item.label}`,
-      tabIndex: 0
-    }
-  ));
+      "data-tag": "true",
+      color: "blue",
+      className: "max-w-[15.625rem] h-6 !px-2 !py-0.5"
+    },
+    /* @__PURE__ */ React.createElement(
+      Typography,
+      {
+        variant: "body-small-400",
+        className: "text-blue-600 truncate p-0"
+      },
+      item.label
+    ),
+    !readOnly && /* @__PURE__ */ React.createElement(
+      X,
+      {
+        className: "w-4 h-4 cursor-pointer flex-shrink-0",
+        onClick: handleRemove,
+        "aria-label": `Remover ${item.label}`,
+        tabIndex: 0
+      }
+    )
+  );
 }
 function HiddenCountTag({ count }) {
   return /* @__PURE__ */ React.createElement(Tag, { color: "blue", "data-tag": "true" }, /* @__PURE__ */ React.createElement(Typography, { variant: "body-small-400", className: "text-blue-600" }, "+", count));
@@ -69,7 +85,8 @@ function useDynamicMaxCount(ref, value, maxDisplayCount) {
   const [maxLines, setMaxLines] = React.useState(null);
   const hasCalculatedMaxLines = React.useRef(false);
   React.useEffect(() => {
-    if (hasCalculatedMaxLines.current || !ref.current || value.length === 0) return;
+    if (hasCalculatedMaxLines.current || !ref.current || value.length === 0)
+      return;
     const calculateMaxLines = () => {
       if (!ref.current) {
         setTimeout(calculateMaxLines, 10);
@@ -83,7 +100,10 @@ function useDynamicMaxCount(ref, value, maxDisplayCount) {
       const TAG_HEIGHT = 24;
       const CONTAINER_PADDING_VERTICAL = 4;
       const availableHeight = containerHeight - CONTAINER_PADDING_VERTICAL * 2;
-      const calculatedMaxLines = Math.max(1, Math.floor(availableHeight / TAG_HEIGHT));
+      const calculatedMaxLines = Math.max(
+        1,
+        Math.floor(availableHeight / TAG_HEIGHT)
+      );
       setMaxLines(calculatedMaxLines);
       hasCalculatedMaxLines.current = true;
     };
@@ -126,7 +146,11 @@ function useDynamicMaxCount(ref, value, maxDisplayCount) {
         setDynamicMaxCount(value.length);
         return;
       }
-      const count = simulateTagLayout(estimatedWidths, availableWidth, maxLines);
+      const count = simulateTagLayout(
+        estimatedWidths,
+        availableWidth,
+        maxLines
+      );
       setDynamicMaxCount(count);
     };
     const rafId = requestAnimationFrame(() => {
@@ -192,7 +216,7 @@ function TagInput(props) {
       style: containerStyles,
       ...restProps
     },
-    value.length === 0 && /* @__PURE__ */ React.createElement(Typography, { variant: "body-small-400", className: "text-grey-400" }, placeholder),
+    value.length === 0 && /* @__PURE__ */ React.createElement(Typography, { variant: "body-small-400", className: "text-grey-500" }, placeholder),
     displayTags.map((item) => /* @__PURE__ */ React.createElement(
       TagItem,
       {

package/dist/i18n/locales/en_us.js

@@ -9,7 +9,8 @@ const language = {
     },
     pagination: {
       show: "Show:",
-      selectedProcess: "Item(s) selected"
+      selectedProcess: "Item(s) selected",
+      selectedItemSingular: "item selected"
     },
     upload: {
       label: "Drag and drop the file here or click to select it.",

package/dist/i18n/locales/es_es.js

@@ -9,7 +9,8 @@ const language = {
     },
     pagination: {
       show: "Mostrar:",
-      selectedProcess: "Item(s) seleccionado(s)"
+      selectedProcess: "Item(s) seleccionado(s)",
+      selectedItemSingular: "item seleccionado"
     },
     upload: {
       label: "Arrastre y suelte el archivo aqu\xED o haga clic para seleccionarlo.",

package/dist/i18n/locales/pt_br.js

@@ -9,7 +9,8 @@ const language = {
     },
     pagination: {
       show: "Mostrar:",
-      selectedProcess: "Item(s) selecionado(s)"
+      selectedProcess: "Item(s) selecionado(s)",
+      selectedItemSingular: "item selecionado"
     },
     upload: {
       label: "Arraste e solte o arquivo aqui ou clique para selecion\xE1-lo.",

package/dist/index.d.ts

@@ -306,6 +306,7 @@ interface PaginationProps {
     className?: string;
     activeColor?: BgColor$1;
     showPerPageSelector?: boolean;
+    maxSelection?: number;
 }
 declare const PaginationContent: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & React$1.RefAttributes<HTMLUListElement>>;
 declare const PaginationItem: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React$1.RefAttributes<HTMLLIElement>>;
@@ -334,7 +335,7 @@ declare const PaginationIndex: {
     displayName: string;
 };
 declare const Pagination: {
-    ({ currentPage, itemsPage, perPage, totalRowsSelected, onChangePerPage, className, activeColor, showPerPageSelector, }: PaginationProps): React$1.JSX.Element;
+    ({ currentPage, itemsPage, perPage, totalRowsSelected, onChangePerPage, className, activeColor, showPerPageSelector, maxSelection, }: PaginationProps): React$1.JSX.Element;
     displayName: string;
 };
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lecom-ui",
-  "version": "5.4.28",
+  "version": "5.4.30",
   "license": "MIT",
   "type": "module",
   "module": "dist/index.js",
@@ -50,7 +50,7 @@
     "hex-color-opacity": "^0.4.2",
     "i18next": "^24.2.2",
     "lucide-react": "^0.488.0",
-    "next": "^15.1.4",
+    "next": "15.5.9",
     "react": ">=18.0.0",
     "react-colorful": "^5.6.1",
     "react-day-picker": "^9.8.0",