@charlesgomes/leafcode-shared-lib-react 1.0.3 → 1.0.5

package/dist/index.css

@@ -273,6 +273,10 @@ th {
   color: #ffffff;
   padding: 6px;
   margin-left: 4px;
+  width: 1.5rem;
+  height: 1.5rem;
+  margin-left: 4px;
+  border-radius: 5rem;
 }
 [aria-sort=ascending] .p-sortable-column-icon,
 [aria-sort=descending] .p-sortable-column-icon {

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

@@ -174,7 +174,7 @@ th {
   font-weight: bold;
 }
 
-.p-datatable .p-datatable-tbody > tr {
+.p-datatable .p-datatable-tbody>tr {
   background: #fff;
   color: #000;
   font-family: "roboto", sans-serif;
@@ -204,14 +204,13 @@ th {
   left: -2px;
 }
 
-.p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight
-  .p-checkbox-box {
+.p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
   border-color: #094394;
   background: #094394;
   color: #ffffff;
 }
 
-.p-datatable .p-datatable-tbody > tr.p-highlight {
+.p-datatable .p-datatable-tbody>tr.p-highlight {
   background: #fafbfc;
 }
 
@@ -323,6 +322,10 @@ th {
   color: #ffffff;
   padding: 6px;
   margin-left: 4px;
+  width: 1.5rem;
+  height: 1.5rem;
+  margin-left: 4px;
+  border-radius: 5rem;
 }
 
 [aria-sort="ascending"] .p-sortable-column-icon,
@@ -356,7 +359,7 @@ th {
   padding: 10px 0;
 }
 
-.p-column-filter-add-button > svg {
+.p-column-filter-add-button>svg {
   width: 12px;
   height: 12px;
 }
@@ -400,7 +403,7 @@ th {
   padding: 10px 0 0 0;
 }
 
-.p-column-filter-remove-button > svg {
+.p-column-filter-remove-button>svg {
   width: 12px;
   height: 12px;
 }
@@ -413,8 +416,8 @@ th {
   z-index: 99;
 }
 
-.NextPage > svg,
-.PrevPage > svg {
+.NextPage>svg,
+.PrevPage>svg {
   fill: #fff;
 }
 
@@ -535,6 +538,7 @@ th {
 }
 
 @media (max-width: 567px) {
+
   .disablePagination,
   .paginatorLeft {
     display: grid;
@@ -544,4 +548,4 @@ th {
   .custom-select {
     min-width: 100%;
   }
-}
+}

package/package.json

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