@charlesgomes/leafcode-shared-lib-react 1.0.34 → 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

@@ -1146,9 +1146,14 @@ 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 : "";
+  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",
@@ -1174,7 +1179,7 @@ var CustomFilterElement = (options, isLanguagePtBr = true, items) => {
               const newMatchMode = e.value;
               const isNewSpecial = newMatchMode === customMatchModes.empty || newMatchMode === customMatchModes.notEmpty;
               options.filterCallback({
-                value: isNewSpecial ? null : null,
+                text: isNewSpecial ? null : null,
                 matchMode: newMatchMode
               });
             }
@@ -1190,11 +1195,15 @@ var CustomFilterElement = (options, isLanguagePtBr = true, items) => {
             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,14 @@ 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 : "";
+  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",
@@ -1123,7 +1128,7 @@ var CustomFilterElement = (options, isLanguagePtBr = true, items) => {
               const newMatchMode = e.value;
               const isNewSpecial = newMatchMode === customMatchModes.empty || newMatchMode === customMatchModes.notEmpty;
               options.filterCallback({
-                value: isNewSpecial ? null : null,
+                text: isNewSpecial ? null : null,
                 matchMode: newMatchMode
               });
             }
@@ -1139,11 +1144,15 @@ var CustomFilterElement = (options, isLanguagePtBr = true, items) => {
             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;
@@ -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.34",
+  "version": "1.0.35",
   "description": "Lib de componentes react",
   "main": "dist/index.cjs",
   "module": "dist/index.mjs",