@charlesgomes/leafcode-shared-lib-react 1.0.34 → 1.0.36

package/dist/index.css

@@ -166,10 +166,6 @@ th {
   width: 1rem;
   height: 1rem;
 }
-.p-column-header-content .p-checkbox {
-  position: relative;
-  left: -2px;
-}
 .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
   border-color: #094394;
   background: #094394;
@@ -181,14 +177,19 @@ th {
   vertical-align: middle;
   position: relative;
 }
-.p-datatable .p-datatable-tbody > tr > td.p-selection-column .p-checkbox {
-  position: relative;
-  left: -2px;
-}
 .p-datatable .p-datatable-thead > tr > th.p-selection-column .p-checkbox-input {
   text-align: center !important;
+  position: absolute;
+  left: 7px;
+}
+.p-selection-column .p-column-header-content {
   position: relative;
-  left: -1rem;
+  top: 0;
+  right: -2px;
+  transform: translate(-40%, 0);
+}
+.p-checkbox-input {
+  position: absolute;
 }
 .p-selection-column .p-checkbox {
   display: inline-flex;

package/dist/index.js

@@ -1146,9 +1146,9 @@ var SelectFilterTemplate = (options, isLanguagePtBr = true, items = []) => {
 };
 var CustomFilterElement = (options, isLanguagePtBr = true, items) => {
   const resolvedItems = items ?? getDefaultFilterMatchOptionsString(isLanguagePtBr);
-  const rawFilter = options.filterModel ?? {};
+  const rawFilter = options.value ?? {};
   const currentMatchMode = rawFilter.matchMode ?? "contains";
-  const currentValue = typeof rawFilter.value === "string" ? rawFilter.value : "";
+  const currentValue = typeof rawFilter.text === "string" ? rawFilter.text : "";
   const isSpecial = currentMatchMode === customMatchModes.empty || currentMatchMode === customMatchModes.notEmpty;
   return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
     "div",
@@ -1173,8 +1173,15 @@ var CustomFilterElement = (options, isLanguagePtBr = true, items) => {
             onChange: (e) => {
               const newMatchMode = e.value;
               const isNewSpecial = newMatchMode === customMatchModes.empty || newMatchMode === customMatchModes.notEmpty;
+              if (isNewSpecial) {
+                options.filterCallback({
+                  text: null,
+                  matchMode: newMatchMode
+                });
+                return;
+              }
               options.filterCallback({
-                value: isNewSpecial ? null : null,
+                text: null,
                 matchMode: newMatchMode
               });
             }
@@ -1185,16 +1192,20 @@ var CustomFilterElement = (options, isLanguagePtBr = true, items) => {
           {
             value: currentValue,
             placeholder: isLanguagePtBr ? "Pesquisar" : "Search",
-            className: "p-column-filter",
             style: { width: "100%" },
+            className: "p-column-filter",
             onChange: (e) => {
               const value = e.target.value;
               if (value.trim()) {
-                options.filterCallback(
-                  value
-                );
+                options.filterCallback({
+                  text: value,
+                  matchMode: currentMatchMode
+                });
               } else {
-                options.filterCallback(null);
+                options.filterCallback({
+                  text: null,
+                  matchMode: currentMatchMode
+                });
               }
             }
           }

package/dist/index.mjs

@@ -1095,9 +1095,9 @@ var SelectFilterTemplate = (options, isLanguagePtBr = true, items = []) => {
 };
 var CustomFilterElement = (options, isLanguagePtBr = true, items) => {
   const resolvedItems = items ?? getDefaultFilterMatchOptionsString(isLanguagePtBr);
-  const rawFilter = options.filterModel ?? {};
+  const rawFilter = options.value ?? {};
   const currentMatchMode = rawFilter.matchMode ?? "contains";
-  const currentValue = typeof rawFilter.value === "string" ? rawFilter.value : "";
+  const currentValue = typeof rawFilter.text === "string" ? rawFilter.text : "";
   const isSpecial = currentMatchMode === customMatchModes.empty || currentMatchMode === customMatchModes.notEmpty;
   return /* @__PURE__ */ jsxs6(
     "div",
@@ -1122,8 +1122,15 @@ var CustomFilterElement = (options, isLanguagePtBr = true, items) => {
             onChange: (e) => {
               const newMatchMode = e.value;
               const isNewSpecial = newMatchMode === customMatchModes.empty || newMatchMode === customMatchModes.notEmpty;
+              if (isNewSpecial) {
+                options.filterCallback({
+                  text: null,
+                  matchMode: newMatchMode
+                });
+                return;
+              }
               options.filterCallback({
-                value: isNewSpecial ? null : null,
+                text: null,
                 matchMode: newMatchMode
               });
             }
@@ -1134,16 +1141,20 @@ var CustomFilterElement = (options, isLanguagePtBr = true, items) => {
           {
             value: currentValue,
             placeholder: isLanguagePtBr ? "Pesquisar" : "Search",
-            className: "p-column-filter",
             style: { width: "100%" },
+            className: "p-column-filter",
             onChange: (e) => {
               const value = e.target.value;
               if (value.trim()) {
-                options.filterCallback(
-                  value
-                );
+                options.filterCallback({
+                  text: value,
+                  matchMode: currentMatchMode
+                });
               } else {
-                options.filterCallback(null);
+                options.filterCallback({
+                  text: null,
+                  matchMode: currentMatchMode
+                });
               }
             }
           }

package/dist/styles/table.css

@@ -196,11 +196,6 @@ th {
   height: 1rem;
 }
 
-.p-column-header-content .p-checkbox {
-  position: relative;
-  left: -2px;
-}
-
 .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight
   .p-checkbox-box {
   border-color: #094394;
@@ -215,15 +210,21 @@ th {
   position: relative;
 }
 
-.p-datatable .p-datatable-tbody > tr > td.p-selection-column .p-checkbox {
-  position: relative;
-  left: -2px;
-}
-
 .p-datatable .p-datatable-thead > tr > th.p-selection-column .p-checkbox-input {
   text-align: center !important;
+  position: absolute;
+  left: 7px;
+}
+
+.p-selection-column .p-column-header-content {
   position: relative;
-  left: -1rem;
+  top: 0;
+  right: -2px;
+  transform: translate(-40%, 0);
+}
+
+.p-checkbox-input {
+  position: absolute;
 }
 
 .p-selection-column .p-checkbox {

package/package.json

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