@charlesgomes/leafcode-shared-lib-react 1.0.2 → 1.0.4

package/dist/index.css

@@ -274,15 +274,6 @@ th {
   padding: 6px;
   margin-left: 4px;
 }
-th:has(.p-column-filter-menu-button.p-column-filter-menu-button-active) .p-icon.p-sortable-column-icon {
-  background-color: #094394;
-  color: #ffffff !important;
-  padding: 6px;
-  margin-left: 4px;
-  width: 1.5rem;
-  height: 1.5rem;
-  border-radius: 5rem;
-}
 [aria-sort=ascending] .p-sortable-column-icon,
 [aria-sort=descending] .p-sortable-column-icon {
   background-color: #094394;

package/dist/index.js

@@ -279,6 +279,7 @@ var import_jsx_runtime6 = require("react/jsx-runtime");
 function DynamicColumns({
   columns,
   isMultiSelectionMode = true,
+  isLanguagePtBr,
   onEdit,
   onDelete,
   customActionsColums = []
@@ -301,6 +302,7 @@ function DynamicColumns({
   columns.forEach((col, idx) => {
     const isActionsCol = col.field === "acoes";
     const width = isActionsCol && col?.size ? col.size + "rem" : "6rem";
+    const placeholder = isLanguagePtBr ? "Procurar" : "Search";
     array.push(
       /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
         import_column.Column,
@@ -313,7 +315,7 @@ function DynamicColumns({
           dataType: col.dataType,
           filterElement: col.filterElement ? (options) => col.filterElement?.(options, col.mask) ?? void 0 : void 0,
           filterMatchModeOptions: col.filterMatchModeOptions,
-          filterPlaceholder: !isActionsCol ? "Procurar" : void 0,
+          filterPlaceholder: !isActionsCol ? placeholder : void 0,
           ...col.field !== "acoes" && {
             resizeable: col.enableResizeable ?? true
           },
@@ -380,7 +382,8 @@ function DataTableAdvancedFilterWrapper({
   disablePagination = false,
   sortFieldInitial,
   sortOrderInitial = 1,
-  isMultiSelectionMode = true
+  isMultiSelectionMode = true,
+  isLanguagePtBr = true
 }) {
   const [isClient, setIsClient] = (0, import_react4.useState)(false);
   (0, import_react4.useEffect)(() => {
@@ -596,7 +599,8 @@ function DataTableAdvancedFilterWrapper({
             isMultiSelectionMode,
             onEdit,
             onDelete,
-            customActionsColums
+            customActionsColums,
+            isLanguagePtBr
           })
         ]
       }
@@ -779,30 +783,40 @@ function DataTableAdvancedFilter({
   isLanguagePtBr = true
 }) {
   const [isClient, setIsClient] = (0, import_react6.useState)(false);
-  (0, import_api2.addLocale)("pt", localePtBr);
-  (0, import_api2.locale)("pt");
+  (0, import_react6.useEffect)(() => {
+    (0, import_api2.addLocale)("pt", localePtBr);
+  }, []);
+  (0, import_react6.useEffect)(() => {
+    (0, import_api2.locale)(isLanguagePtBr ? "pt" : "en");
+  }, [isLanguagePtBr]);
   (0, import_react6.useEffect)(() => {
     setIsClient(true);
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_jsx_runtime8.Fragment, { children: isClient && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_api2.PrimeReactProvider, { value: isLanguagePtBr ? { locale: "pt" } : {}, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-    DataTableAdvancedFilterWrapper,
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_jsx_runtime8.Fragment, { children: isClient && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+    import_api2.PrimeReactProvider,
     {
-      queryKey,
-      mutationFn,
-      columns,
-      initFilters,
-      onNew,
-      onEdit,
-      onDelete,
-      customActions,
-      customActionsColums,
-      disablePagination,
-      sortFieldInitial,
-      sortOrderInitial,
-      isMultiSelectionMode,
-      isLanguagePtBr
+      value: isLanguagePtBr ? { locale: "pt" } : { locale: "en" },
+      children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+        DataTableAdvancedFilterWrapper,
+        {
+          queryKey,
+          mutationFn,
+          columns,
+          initFilters,
+          onNew,
+          onEdit,
+          onDelete,
+          customActions,
+          customActionsColums,
+          disablePagination,
+          sortFieldInitial,
+          sortOrderInitial,
+          isMultiSelectionMode,
+          isLanguagePtBr
+        }
+      )
     }
-  ) }) });
+  ) });
 }
 
 // src/components/DataTableAdvancedFilter/FilterTemplates.tsx

package/dist/index.mjs

@@ -234,6 +234,7 @@ import { jsx as jsx6 } from "react/jsx-runtime";
 function DynamicColumns({
   columns,
   isMultiSelectionMode = true,
+  isLanguagePtBr,
   onEdit,
   onDelete,
   customActionsColums = []
@@ -256,6 +257,7 @@ function DynamicColumns({
   columns.forEach((col, idx) => {
     const isActionsCol = col.field === "acoes";
     const width = isActionsCol && col?.size ? col.size + "rem" : "6rem";
+    const placeholder = isLanguagePtBr ? "Procurar" : "Search";
     array.push(
       /* @__PURE__ */ jsx6(
         Column,
@@ -268,7 +270,7 @@ function DynamicColumns({
           dataType: col.dataType,
           filterElement: col.filterElement ? (options) => col.filterElement?.(options, col.mask) ?? void 0 : void 0,
           filterMatchModeOptions: col.filterMatchModeOptions,
-          filterPlaceholder: !isActionsCol ? "Procurar" : void 0,
+          filterPlaceholder: !isActionsCol ? placeholder : void 0,
           ...col.field !== "acoes" && {
             resizeable: col.enableResizeable ?? true
           },
@@ -335,7 +337,8 @@ function DataTableAdvancedFilterWrapper({
   disablePagination = false,
   sortFieldInitial,
   sortOrderInitial = 1,
-  isMultiSelectionMode = true
+  isMultiSelectionMode = true,
+  isLanguagePtBr = true
 }) {
   const [isClient, setIsClient] = useState2(false);
   useEffect2(() => {
@@ -551,7 +554,8 @@ function DataTableAdvancedFilterWrapper({
             isMultiSelectionMode,
             onEdit,
             onDelete,
-            customActionsColums
+            customActionsColums,
+            isLanguagePtBr
           })
         ]
       }
@@ -734,30 +738,40 @@ function DataTableAdvancedFilter({
   isLanguagePtBr = true
 }) {
   const [isClient, setIsClient] = useState3(false);
-  addLocale("pt", localePtBr);
-  locale("pt");
+  useEffect3(() => {
+    addLocale("pt", localePtBr);
+  }, []);
+  useEffect3(() => {
+    locale(isLanguagePtBr ? "pt" : "en");
+  }, [isLanguagePtBr]);
   useEffect3(() => {
     setIsClient(true);
   }, []);
-  return /* @__PURE__ */ jsx8(Fragment4, { children: isClient && /* @__PURE__ */ jsx8(PrimeReactProvider, { value: isLanguagePtBr ? { locale: "pt" } : {}, children: /* @__PURE__ */ jsx8(
-    DataTableAdvancedFilterWrapper,
+  return /* @__PURE__ */ jsx8(Fragment4, { children: isClient && /* @__PURE__ */ jsx8(
+    PrimeReactProvider,
     {
-      queryKey,
-      mutationFn,
-      columns,
-      initFilters,
-      onNew,
-      onEdit,
-      onDelete,
-      customActions,
-      customActionsColums,
-      disablePagination,
-      sortFieldInitial,
-      sortOrderInitial,
-      isMultiSelectionMode,
-      isLanguagePtBr
+      value: isLanguagePtBr ? { locale: "pt" } : { locale: "en" },
+      children: /* @__PURE__ */ jsx8(
+        DataTableAdvancedFilterWrapper,
+        {
+          queryKey,
+          mutationFn,
+          columns,
+          initFilters,
+          onNew,
+          onEdit,
+          onDelete,
+          customActions,
+          customActionsColums,
+          disablePagination,
+          sortFieldInitial,
+          sortOrderInitial,
+          isMultiSelectionMode,
+          isLanguagePtBr
+        }
+      )
     }
-  ) }) });
+  ) });
 }
 
 // src/components/DataTableAdvancedFilter/FilterTemplates.tsx

package/dist/styles/table.css

@@ -325,18 +325,6 @@ th {
   margin-left: 4px;
 }
 
-/* Quando o botão de filtro está ativo, muda também a cor do ícone de ordenação */
-th:has(.p-column-filter-menu-button.p-column-filter-menu-button-active)
-  .p-icon.p-sortable-column-icon {
-  background-color: #094394;
-  color: #ffffff !important;
-  padding: 6px;
-  margin-left: 4px;
-  width: 1.5rem;
-  height: 1.5rem;
-  border-radius: 5rem;
-}
-
 [aria-sort="ascending"] .p-sortable-column-icon,
 [aria-sort="descending"] .p-sortable-column-icon {
   background-color: #094394;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@charlesgomes/leafcode-shared-lib-react",
-  "version": "1.0.2",
+  "version": "1.0.4",
   "description": "Lib de componentes react",
   "main": "dist/index.cjs",
   "module": "dist/index.mjs",