@charlesgomes/leafcode-shared-lib-react 1.0.33 → 1.0.35

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,18 @@ 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;
+}
+.p-selection-column .p-column-header-content {
   position: relative;
-  left: -1rem;
+  top: 0;
+  right: 0;
+  transform: translate(-40%, 0);
+}
+.p-checkbox-input {
+  position: absolute;
 }
 .p-selection-column .p-checkbox {
   display: inline-flex;

package/dist/index.js

@@ -1148,7 +1148,12 @@ var CustomFilterElement = (options, isLanguagePtBr = true, items) => {
   const resolvedItems = items ?? getDefaultFilterMatchOptionsString(isLanguagePtBr);
   const rawFilter = options.value ?? {};
   const currentMatchMode = rawFilter.matchMode ?? "contains";
-  const currentValue = typeof rawFilter.value === "string" ? rawFilter.value : "";
+  let currentValue = "";
+  if (typeof rawFilter.value === "string") {
+    currentValue = rawFilter.value;
+  } else if (rawFilter.value && typeof rawFilter.value === "object" && typeof rawFilter.value.value === "string") {
+    currentValue = rawFilter.value.value;
+  }
   const isSpecial = currentMatchMode === customMatchModes.empty || currentMatchMode === customMatchModes.notEmpty;
   return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
     "div",
@@ -1173,15 +1178,8 @@ var CustomFilterElement = (options, isLanguagePtBr = true, items) => {
             onChange: (e) => {
               const newMatchMode = e.value;
               const isNewSpecial = newMatchMode === customMatchModes.empty || newMatchMode === customMatchModes.notEmpty;
-              if (isNewSpecial) {
-                options.filterCallback({
-                  value: null,
-                  matchMode: newMatchMode
-                });
-                return;
-              }
               options.filterCallback({
-                value: null,
+                text: isNewSpecial ? null : null,
                 matchMode: newMatchMode
               });
             }
@@ -1192,18 +1190,18 @@ var CustomFilterElement = (options, isLanguagePtBr = true, items) => {
           {
             value: currentValue,
             placeholder: isLanguagePtBr ? "Pesquisar" : "Search",
-            style: { width: "100%" },
             className: "p-column-filter",
+            style: { width: "100%" },
             onChange: (e) => {
               const value = e.target.value;
               if (value.trim()) {
                 options.filterCallback({
-                  value,
+                  text: value,
                   matchMode: currentMatchMode
                 });
               } else {
                 options.filterCallback({
-                  value: null,
+                  text: null,
                   matchMode: currentMatchMode
                 });
               }

package/dist/index.mjs

@@ -1097,7 +1097,12 @@ var CustomFilterElement = (options, isLanguagePtBr = true, items) => {
   const resolvedItems = items ?? getDefaultFilterMatchOptionsString(isLanguagePtBr);
   const rawFilter = options.value ?? {};
   const currentMatchMode = rawFilter.matchMode ?? "contains";
-  const currentValue = typeof rawFilter.value === "string" ? rawFilter.value : "";
+  let currentValue = "";
+  if (typeof rawFilter.value === "string") {
+    currentValue = rawFilter.value;
+  } else if (rawFilter.value && typeof rawFilter.value === "object" && typeof rawFilter.value.value === "string") {
+    currentValue = rawFilter.value.value;
+  }
   const isSpecial = currentMatchMode === customMatchModes.empty || currentMatchMode === customMatchModes.notEmpty;
   return /* @__PURE__ */ jsxs6(
     "div",
@@ -1122,15 +1127,8 @@ var CustomFilterElement = (options, isLanguagePtBr = true, items) => {
             onChange: (e) => {
               const newMatchMode = e.value;
               const isNewSpecial = newMatchMode === customMatchModes.empty || newMatchMode === customMatchModes.notEmpty;
-              if (isNewSpecial) {
-                options.filterCallback({
-                  value: null,
-                  matchMode: newMatchMode
-                });
-                return;
-              }
               options.filterCallback({
-                value: null,
+                text: isNewSpecial ? null : null,
                 matchMode: newMatchMode
               });
             }
@@ -1141,18 +1139,18 @@ var CustomFilterElement = (options, isLanguagePtBr = true, items) => {
           {
             value: currentValue,
             placeholder: isLanguagePtBr ? "Pesquisar" : "Search",
-            style: { width: "100%" },
             className: "p-column-filter",
+            style: { width: "100%" },
             onChange: (e) => {
               const value = e.target.value;
               if (value.trim()) {
                 options.filterCallback({
-                  value,
+                  text: value,
                   matchMode: currentMatchMode
                 });
               } else {
                 options.filterCallback({
-                  value: null,
+                  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;
@@ -208,6 +203,15 @@ th {
   color: #ffffff;
 }
 
+/* .p-checkbox-box {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  min-width: 1rem !important;
+  min-height: 1px !important;
+  max-height: 1rem;
+} */
+
 .p-datatable .p-datatable-tbody > tr > td.p-selection-column {
   text-align: center !important;
   display: table-cell;
@@ -215,15 +219,20 @@ 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;
+}
+
+.p-selection-column .p-column-header-content {
   position: relative;
-  left: -1rem;
+  top: 0;
+  right: 0;
+  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.33",
+  "version": "1.0.35",
   "description": "Lib de componentes react",
   "main": "dist/index.cjs",
   "module": "dist/index.mjs",