npm - @charlesgomes/leafcode-shared-lib-react - Versions diffs - 1.0.77 → 1.0.78 - Mend

@charlesgomes/leafcode-shared-lib-react 1.0.77 → 1.0.78

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (5) hide show

package/dist/index.d.mts CHANGED Viewed

@@ -206,20 +206,11 @@ interface IItemProps {
   label: string;
 }
-type FilterMatchModeSelectProps = {
-    options: any;
-    items: {
-        label: string;
-        value: string;
-    }[];
-    placeholder?: string;
-};
-declare const FilterMatchModeSelect: ({ options, items, placeholder, }: FilterMatchModeSelectProps) => react_jsx_runtime.JSX.Element;
-declare const DateFilterTemplate: (options: any, isLanguagePtBr?: boolean, isNullable?: boolean, items?: any[], mask?: (value: Date) => string) => react_jsx_runtime.JSX.Element;
-declare const DateTimeFilterTemplate: (options: any, isLanguagePtBr?: boolean, isNullable?: boolean, mask?: (date: Date) => string) => react_jsx_runtime.JSX.Element;
+declare const DateFilterTemplate: (options: any, mask?: (value: Date) => string) => react_jsx_runtime.JSX.Element;
+declare const DateTimeFilterTemplate: (options: any, mask?: (date: Date) => string) => react_jsx_runtime.JSX.Element;
 declare const ValueFilterTemplate: (options: any, mask?: (value: any) => string | number) => react_jsx_runtime.JSX.Element;
-declare const SelectFilterTemplate: (options: any, isLanguagePtBr?: boolean, isNullable?: boolean, items?: IItemProps[]) => react_jsx_runtime.JSX.Element;
-declare const CustomFilterElement: (options: any, isLanguagePtBr?: boolean, isNullable?: boolean, items?: any[]) => react_jsx_runtime.JSX.Element;
+declare const SelectFilterTemplate: (options: any, isLanguagePtBr?: boolean, items?: IItemProps[]) => react_jsx_runtime.JSX.Element;
+declare const CustomFilterElement: (options: any, isLanguagePtBr?: boolean) => false | react_jsx_runtime.JSX.Element;
 declare const customMatchModes: {
     notStartsWith: string;
@@ -359,4 +350,4 @@ declare const LeafcodeThemeProvider: ({ children, theme, }: LeafcodeThemeProvide
 declare const defaultTheme: LeafcodeTheme;
-export { Button, type ColumnCustom, CustomFilterElement, DataTableAdvancedFilter, DateFilterTemplate, DateTimeFilterTemplate, FilterMatchModeSelect, type IDataTableProps, type IItemProps, Input, InputAutoComplete, type InputAutoCompleteProps, InputSelect, LeafcodeThemeProvider, ModalBase, type PaginatedResponse$1 as PaginatedResponse, SelectFilterTemplate, type ServiceParams, TextArea, ValueFilterTemplate, buildDynamicCampoFilters, buildSortingWithFilters, customMatchModes, defaultTheme, getDefaultFilterMatchOptionsDate, getDefaultFilterMatchOptionsEnum, getDefaultFilterMatchOptionsString, getDefaultFilterMatchOptionsStringArray, getNullable, getUrlParams, mapPrimeToBackendFilters };
+export { Button, type ColumnCustom, CustomFilterElement, DataTableAdvancedFilter, DateFilterTemplate, DateTimeFilterTemplate, type IDataTableProps, type IItemProps, Input, InputAutoComplete, type InputAutoCompleteProps, InputSelect, LeafcodeThemeProvider, ModalBase, type PaginatedResponse$1 as PaginatedResponse, SelectFilterTemplate, type ServiceParams, TextArea, ValueFilterTemplate, buildDynamicCampoFilters, buildSortingWithFilters, customMatchModes, defaultTheme, getDefaultFilterMatchOptionsDate, getDefaultFilterMatchOptionsEnum, getDefaultFilterMatchOptionsString, getDefaultFilterMatchOptionsStringArray, getNullable, getUrlParams, mapPrimeToBackendFilters };

package/dist/index.d.ts CHANGED Viewed

@@ -206,20 +206,11 @@ interface IItemProps {
   label: string;
 }
-type FilterMatchModeSelectProps = {
-    options: any;
-    items: {
-        label: string;
-        value: string;
-    }[];
-    placeholder?: string;
-};
-declare const FilterMatchModeSelect: ({ options, items, placeholder, }: FilterMatchModeSelectProps) => react_jsx_runtime.JSX.Element;
-declare const DateFilterTemplate: (options: any, isLanguagePtBr?: boolean, isNullable?: boolean, items?: any[], mask?: (value: Date) => string) => react_jsx_runtime.JSX.Element;
-declare const DateTimeFilterTemplate: (options: any, isLanguagePtBr?: boolean, isNullable?: boolean, mask?: (date: Date) => string) => react_jsx_runtime.JSX.Element;
+declare const DateFilterTemplate: (options: any, mask?: (value: Date) => string) => react_jsx_runtime.JSX.Element;
+declare const DateTimeFilterTemplate: (options: any, mask?: (date: Date) => string) => react_jsx_runtime.JSX.Element;
 declare const ValueFilterTemplate: (options: any, mask?: (value: any) => string | number) => react_jsx_runtime.JSX.Element;
-declare const SelectFilterTemplate: (options: any, isLanguagePtBr?: boolean, isNullable?: boolean, items?: IItemProps[]) => react_jsx_runtime.JSX.Element;
-declare const CustomFilterElement: (options: any, isLanguagePtBr?: boolean, isNullable?: boolean, items?: any[]) => react_jsx_runtime.JSX.Element;
+declare const SelectFilterTemplate: (options: any, isLanguagePtBr?: boolean, items?: IItemProps[]) => react_jsx_runtime.JSX.Element;
+declare const CustomFilterElement: (options: any, isLanguagePtBr?: boolean) => false | react_jsx_runtime.JSX.Element;
 declare const customMatchModes: {
     notStartsWith: string;
@@ -359,4 +350,4 @@ declare const LeafcodeThemeProvider: ({ children, theme, }: LeafcodeThemeProvide
 declare const defaultTheme: LeafcodeTheme;
-export { Button, type ColumnCustom, CustomFilterElement, DataTableAdvancedFilter, DateFilterTemplate, DateTimeFilterTemplate, FilterMatchModeSelect, type IDataTableProps, type IItemProps, Input, InputAutoComplete, type InputAutoCompleteProps, InputSelect, LeafcodeThemeProvider, ModalBase, type PaginatedResponse$1 as PaginatedResponse, SelectFilterTemplate, type ServiceParams, TextArea, ValueFilterTemplate, buildDynamicCampoFilters, buildSortingWithFilters, customMatchModes, defaultTheme, getDefaultFilterMatchOptionsDate, getDefaultFilterMatchOptionsEnum, getDefaultFilterMatchOptionsString, getDefaultFilterMatchOptionsStringArray, getNullable, getUrlParams, mapPrimeToBackendFilters };
+export { Button, type ColumnCustom, CustomFilterElement, DataTableAdvancedFilter, DateFilterTemplate, DateTimeFilterTemplate, type IDataTableProps, type IItemProps, Input, InputAutoComplete, type InputAutoCompleteProps, InputSelect, LeafcodeThemeProvider, ModalBase, type PaginatedResponse$1 as PaginatedResponse, SelectFilterTemplate, type ServiceParams, TextArea, ValueFilterTemplate, buildDynamicCampoFilters, buildSortingWithFilters, customMatchModes, defaultTheme, getDefaultFilterMatchOptionsDate, getDefaultFilterMatchOptionsEnum, getDefaultFilterMatchOptionsString, getDefaultFilterMatchOptionsStringArray, getNullable, getUrlParams, mapPrimeToBackendFilters };

package/dist/index.js CHANGED Viewed

@@ -36,7 +36,6 @@ __export(index_exports, {
   DateFilterTemplate: () => DateFilterTemplate,
   DateTimeFilterTemplate: () => DateTimeFilterTemplate,
   FilterMatchMode: () => import_api5.FilterMatchMode,
-  FilterMatchModeSelect: () => FilterMatchModeSelect,
   FilterOperator: () => import_api5.FilterOperator,
   Input: () => Input,
   InputAutoComplete: () => InputAutoComplete,
@@ -1147,6 +1146,7 @@ function ActionsColumn({
 }
 // src/components/DataTableAdvancedFilter/DynamicColumns.tsx
+var import_button = require("primereact/button");
 var import_jsx_runtime15 = require("react/jsx-runtime");
 function DynamicColumns({
   columns,
@@ -1187,6 +1187,20 @@ function DynamicColumns({
           showFilterMatchModes: col.showFilterMatchModes,
           dataType: col.dataType,
           hidden: col.hidden,
+          filterApply: (options) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+            import_button.Button,
+            {
+              label: isLanguagePtBr ? "Aplicar" : "Apply",
+              size: "small",
+              onClick: () => {
+                const constraint = options.filterModel.constraints[0];
+                if (constraint.matchMode === "empty" || constraint.matchMode === "notEmpty") {
+                  constraint.value = true;
+                }
+                options.filterApplyCallback(constraint.value, 0);
+              }
+            }
+          ),
           filterElement: col.filterElement ? (options) => col.filterElement?.(options, col.mask) ?? void 0 : void 0,
           filterMatchModeOptions: col.filterMatchModeOptions,
           filterPlaceholder: !isActionsCol ? placeholder : void 0,
@@ -1404,6 +1418,7 @@ function DataTableAdvancedFilterWrapper({
       customActions
     ]
   );
+  const DEFAULT_MATCH_MODE = "contains";
   return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_jsx_runtime16.Fragment, { children: isClient && /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { children: [
     disablePagination && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "disablePagination", children: TableHeaderAndTableActions }),
     /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
@@ -1424,6 +1439,7 @@ function DataTableAdvancedFilterWrapper({
         dataKey: "id",
         size: "small",
         rowClassName: () => "box-row-table",
+        filterDisplay: "menu",
         filters,
         selection: selectedRowsData,
         onSelectionChange: (e) => setSelectedRowsData(e.value),
@@ -1742,129 +1758,62 @@ function DataTableAdvancedFilter({
 // src/components/DataTableAdvancedFilter/FilterTemplates.tsx
 var import_react_select2 = __toESM(require("react-select"));
-var import_dropdown = require("primereact/dropdown");
 var import_moment2 = __toESM(require("moment"));
 var import_jsx_runtime18 = require("react/jsx-runtime");
-var FilterMatchModeSelect = ({
-  options,
-  items,
-  placeholder = "Tipo de filtro"
-}) => {
-  const rawFilter = options.value ?? {};
-  const currentMatchMode = rawFilter.matchMode ?? items[0]?.value;
-  const isSpecial = (mode) => mode === customMatchModes.empty || mode === customMatchModes.notEmpty;
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-    import_dropdown.Dropdown,
+var DateFilterTemplate = (options, mask) => {
+  const matchMode = options.filterModel?.matchMode;
+  const isSpecial = matchMode === "empty" || matchMode === "notEmpty";
+  const parsedValue = typeof options.filterModel?.value === "string" ? /* @__PURE__ */ new Date(options.filterModel.value + "T00:00:00") : null;
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { style: { display: "flex", flexDirection: "column", gap: 8 }, children: !isSpecial && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    import_calendar.Calendar,
     {
-      value: currentMatchMode,
-      options: items,
-      optionLabel: "label",
-      optionValue: "value",
-      placeholder,
-      style: { width: "100%" },
+      value: parsedValue,
       onChange: (e) => {
-        const newMatchMode = e.value;
-        if (isSpecial(newMatchMode)) {
-          options.filterCallback({
-            text: null,
-            matchMode: newMatchMode
-          });
+        const date = e.value;
+        if (!date) {
+          options.filterCallback(null, options.index);
           return;
         }
-        options.filterCallback({
-          text: null,
-          matchMode: newMatchMode
-        });
-      }
+        const valueToFilter = mask ? mask(date) : `${date.getFullYear()}-${String(
+          date.getMonth() + 1
+        ).padStart(2, "0")}-${String(
+          date.getDate()
+        ).padStart(2, "0")}`;
+        options.filterCallback(valueToFilter, options.index);
+      },
+      dateFormat: "dd/mm/yy",
+      placeholder: "dd/mm/yyyy",
+      mask: "99/99/9999",
+      inputClassName: "p-column-filter"
     }
-  );
-};
-var DateFilterTemplate = (options, isLanguagePtBr = true, isNullable = true, items, mask) => {
-  const resolvedItems = items ?? getDefaultFilterMatchOptionsDate(isLanguagePtBr, isNullable);
-  const rawFilter = options.value ?? {};
-  const currentMatchMode = rawFilter.matchMode;
-  const isSpecial = currentMatchMode === customMatchModes.empty || currentMatchMode === customMatchModes.notEmpty;
-  const parsedValue = options.value?.text && typeof options.value.text === "string" ? /* @__PURE__ */ new Date(options.value.text + "T00:00:00") : null;
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { style: { display: "flex", flexDirection: "column", gap: 8 }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-      FilterMatchModeSelect,
-      {
-        options,
-        items: resolvedItems
-      }
-    ),
-    !isSpecial && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-      import_calendar.Calendar,
-      {
-        value: parsedValue,
-        onChange: (e) => {
-          if (!e.value) {
-            options.filterCallback({
-              text: null,
-              matchMode: currentMatchMode
-            });
-            return;
-          }
-          const date = e.value;
-          const valueToFilter = mask ? mask(date) : `${date.getFullYear()}-${String(
-            date.getMonth() + 1
-          ).padStart(2, "0")}-${String(date.getDate()).padStart(2, "0")}`;
-          options.filterCallback({
-            text: valueToFilter,
-            matchMode: currentMatchMode
-          });
-        },
-        dateFormat: "dd/mm/yy",
-        placeholder: "dd/mm/yyyy",
-        mask: "99/99/9999",
-        inputClassName: "p-column-filter"
-      }
-    )
-  ] });
+  ) });
 };
-var DateTimeFilterTemplate = (options, isLanguagePtBr = true, isNullable = true, mask) => {
-  const items = getDefaultFilterMatchOptionsDate(isLanguagePtBr, isNullable);
-  const rawFilter = options.value ?? {};
-  const currentMatchMode = rawFilter.matchMode;
-  const isSpecial = currentMatchMode === customMatchModes.empty || currentMatchMode === customMatchModes.notEmpty;
-  const value = typeof rawFilter.text === "string" ? (0, import_moment2.default)(rawFilter.text).toDate() : null;
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { style: { display: "flex", flexDirection: "column", gap: 8 }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-      FilterMatchModeSelect,
-      {
-        options,
-        items
-      }
-    ),
-    !isSpecial && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-      import_calendar.Calendar,
-      {
-        value,
-        showTime: true,
-        showSeconds: true,
-        hourFormat: "24",
-        dateFormat: "dd/mm/yy",
-        placeholder: "dd/mm/yyyy 00:00:00",
-        readOnlyInput: true,
-        inputClassName: "p-column-filter",
-        onChange: (e) => {
-          const selectedDate = e.value;
-          if (!selectedDate) {
-            options.filterCallback({
-              text: null,
-              matchMode: currentMatchMode
-            });
-            return;
-          }
-          const formatted = mask ? mask(selectedDate) : (0, import_moment2.default)(selectedDate).utc().format("YYYY-MM-DDTHH:mm:ss.SSS[Z]");
-          options.filterCallback({
-            text: formatted,
-            matchMode: currentMatchMode
-          });
+var DateTimeFilterTemplate = (options, mask) => {
+  const matchMode = options.filterModel?.matchMode;
+  const isSpecial = matchMode === "empty" || matchMode === "notEmpty";
+  const value = options.filterModel?.value ? (0, import_moment2.default)(options.filterModel.value).toDate() : null;
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { style: { display: "flex", flexDirection: "column", gap: 8 }, children: !isSpecial && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    import_calendar.Calendar,
+    {
+      value,
+      showTime: true,
+      showSeconds: true,
+      hourFormat: "24",
+      dateFormat: "dd/mm/yy",
+      placeholder: "dd/mm/yyyy 00:00:00",
+      readOnlyInput: true,
+      inputClassName: "p-column-filter",
+      onChange: (e) => {
+        const selectedDate = e.value;
+        if (!selectedDate) {
+          options.filterCallback(null, options.index);
+          return;
         }
+        const formatted = mask ? mask(selectedDate) : (0, import_moment2.default)(selectedDate).utc().format("YYYY-MM-DDTHH:mm:ss.SSS[Z]");
+        options.filterCallback(formatted, options.index);
       }
-    )
-  ] });
+    }
+  ) });
 };
 var ValueFilterTemplate = (options, mask) => {
   const parsedValue = options.value !== null && options.value !== void 0 ? centsToReal(options.value) : null;
@@ -1890,115 +1839,53 @@ var ValueFilterTemplate = (options, mask) => {
     }
   );
 };
-var SelectFilterTemplate = (options, isLanguagePtBr = true, isNullable = true, items = []) => {
-  const matchModeItems = getDefaultFilterMatchOptionsEnum(isLanguagePtBr, isNullable);
+var SelectFilterTemplate = (options, isLanguagePtBr = true, items = []) => {
   const selectOptions = items.length > 0 ? items : [
     { label: isLanguagePtBr ? "Sim" : "Yes", value: true },
     { label: isLanguagePtBr ? "N\xE3o" : "No", value: false }
   ];
-  const rawFilter = options.value ?? {};
-  const currentMatchMode = rawFilter.matchMode;
-  const isSpecial = currentMatchMode === customMatchModes.empty || currentMatchMode === customMatchModes.notEmpty;
-  const currentValue = selectOptions.find((opt) => opt.value === rawFilter.text) || null;
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { style: { display: "flex", flexDirection: "column", gap: 8 }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-      FilterMatchModeSelect,
-      {
-        options,
-        items: matchModeItems
-      }
-    ),
-    !isSpecial && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-      import_react_select2.default,
-      {
-        options: selectOptions,
-        value: currentValue,
-        onChange: (selected) => {
-          if (!selected) {
-            options.filterCallback({
-              text: null,
-              matchMode: currentMatchMode
-            });
-            return;
-          }
-          options.filterCallback({
-            text: selected.value,
-            matchMode: currentMatchMode
-          });
-        },
-        placeholder: isLanguagePtBr ? "Selecione..." : "Select...",
-        isClearable: false,
-        isSearchable: false,
-        className: "custom-select-filtro",
-        classNamePrefix: "custom-select-filtro",
-        styles: {
-          control: (baseStyles, state) => ({
-            ...baseStyles,
-            "&:hover": {
-              borderColor: state.isFocused ? "#094394" : ""
-            },
-            borderRadius: "6px"
-          }),
-          menuList: (base) => ({
-            ...base,
-            "::-webkit-scrollbar": {
-              width: "6px"
-            },
-            "::-webkit-scrollbar-track": {
-              background: "#fff"
-            },
-            "::-webkit-scrollbar-thumb": {
-              background: "#888",
-              borderRadius: "2rem"
-            },
-            "::-webkit-scrollbar-thumb:hover": {
-              background: "#555"
-            }
-          }),
-          option: (provided, state) => ({
-            ...provided,
-            backgroundColor: state.isFocused ? "#094394" : "#ffffff",
-            color: state.isFocused ? "#ffffff" : "black",
-            "&:hover": {
-              backgroundColor: "#094394",
-              color: "#ffffff"
-            }
-          })
-        }
-      }
-    )
-  ] });
+  const matchMode = options.filterModel?.matchMode;
+  const isSpecial = matchMode === "empty" || matchMode === "notEmpty";
+  const currentValue = selectOptions.find(
+    (opt) => opt.value === options.filterModel?.value
+  ) || null;
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { style: { display: "flex", flexDirection: "column", gap: 8 }, children: !isSpecial && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    import_react_select2.default,
+    {
+      options: selectOptions,
+      value: currentValue,
+      onChange: (selected) => {
+        options.filterCallback(
+          selected ? selected.value : null,
+          options.index
+          // 🔥 ESSENCIAL
+        );
+      },
+      placeholder: isLanguagePtBr ? "Selecione..." : "Select...",
+      isClearable: true,
+      isSearchable: false,
+      className: "custom-select-filtro",
+      classNamePrefix: "custom-select-filtro"
+    }
+  ) });
 };
-var CustomFilterElement = (options, isLanguagePtBr = true, isNullable = true, items) => {
-  const resolvedItems = items ?? getDefaultFilterMatchOptionsString(isLanguagePtBr, isNullable);
-  const rawFilter = options.value ?? {};
-  const currentMatchMode = rawFilter.matchMode ?? "contains";
-  const currentValue = typeof rawFilter.text === "string" ? rawFilter.text : "";
-  const isSpecial = currentMatchMode === customMatchModes.empty || currentMatchMode === customMatchModes.notEmpty;
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "filter-wrapper", style: { display: "flex", flexDirection: "column", gap: 8 }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-      FilterMatchModeSelect,
-      {
-        options,
-        items: resolvedItems
-      }
-    ),
-    !isSpecial && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-      import_inputtext.InputText,
-      {
-        value: currentValue,
-        placeholder: isLanguagePtBr ? "Pesquisar" : "Search",
-        className: "p-column-filter",
-        onChange: (e) => {
-          const value = e.target.value;
-          options.filterCallback({
-            text: value.trim() ? value : null,
-            matchMode: currentMatchMode
-          });
-        }
-      }
-    )
-  ] });
+var CustomFilterElement = (options, isLanguagePtBr = true) => {
+  const matchMode = options.filterModel?.matchMode;
+  const isSpecial = matchMode === "empty" || matchMode === "notEmpty";
+  return !isSpecial && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    import_inputtext.InputText,
+    {
+      value: options.filterModel?.value ?? "",
+      placeholder: isLanguagePtBr ? "Pesquisar" : "Search",
+      onChange: (e) => {
+        options.filterCallback(
+          e.target.value || null,
+          options.index
+        );
+      },
+      className: "p-column-filter"
+    }
+  );
 };
 // src/components/DataTableAdvancedFilter/filterModes.ts
@@ -2427,7 +2314,6 @@ var import_api5 = require("primereact/api");
   DateFilterTemplate,
   DateTimeFilterTemplate,
   FilterMatchMode,
-  FilterMatchModeSelect,
   FilterOperator,
   Input,
   InputAutoComplete,

package/dist/index.mjs CHANGED Viewed

@@ -1097,6 +1097,7 @@ function ActionsColumn({
 }
 // src/components/DataTableAdvancedFilter/DynamicColumns.tsx
+import { Button as Button2 } from "primereact/button";
 import { jsx as jsx15 } from "react/jsx-runtime";
 function DynamicColumns({
   columns,
@@ -1137,6 +1138,20 @@ function DynamicColumns({
           showFilterMatchModes: col.showFilterMatchModes,
           dataType: col.dataType,
           hidden: col.hidden,
+          filterApply: (options) => /* @__PURE__ */ jsx15(
+            Button2,
+            {
+              label: isLanguagePtBr ? "Aplicar" : "Apply",
+              size: "small",
+              onClick: () => {
+                const constraint = options.filterModel.constraints[0];
+                if (constraint.matchMode === "empty" || constraint.matchMode === "notEmpty") {
+                  constraint.value = true;
+                }
+                options.filterApplyCallback(constraint.value, 0);
+              }
+            }
+          ),
           filterElement: col.filterElement ? (options) => col.filterElement?.(options, col.mask) ?? void 0 : void 0,
           filterMatchModeOptions: col.filterMatchModeOptions,
           filterPlaceholder: !isActionsCol ? placeholder : void 0,
@@ -1354,6 +1369,7 @@ function DataTableAdvancedFilterWrapper({
       customActions
     ]
   );
+  const DEFAULT_MATCH_MODE = "contains";
   return /* @__PURE__ */ jsx16(Fragment6, { children: isClient && /* @__PURE__ */ jsxs11("div", { children: [
     disablePagination && /* @__PURE__ */ jsx16("div", { className: "disablePagination", children: TableHeaderAndTableActions }),
     /* @__PURE__ */ jsxs11(
@@ -1374,6 +1390,7 @@ function DataTableAdvancedFilterWrapper({
         dataKey: "id",
         size: "small",
         rowClassName: () => "box-row-table",
+        filterDisplay: "menu",
         filters,
         selection: selectedRowsData,
         onSelectionChange: (e) => setSelectedRowsData(e.value),
@@ -1692,129 +1709,62 @@ function DataTableAdvancedFilter({
 // src/components/DataTableAdvancedFilter/FilterTemplates.tsx
 import Select2 from "react-select";
-import { Dropdown } from "primereact/dropdown";
 import moment2 from "moment";
-import { jsx as jsx18, jsxs as jsxs12 } from "react/jsx-runtime";
-var FilterMatchModeSelect = ({
-  options,
-  items,
-  placeholder = "Tipo de filtro"
-}) => {
-  const rawFilter = options.value ?? {};
-  const currentMatchMode = rawFilter.matchMode ?? items[0]?.value;
-  const isSpecial = (mode) => mode === customMatchModes.empty || mode === customMatchModes.notEmpty;
-  return /* @__PURE__ */ jsx18(
-    Dropdown,
+import { jsx as jsx18 } from "react/jsx-runtime";
+var DateFilterTemplate = (options, mask) => {
+  const matchMode = options.filterModel?.matchMode;
+  const isSpecial = matchMode === "empty" || matchMode === "notEmpty";
+  const parsedValue = typeof options.filterModel?.value === "string" ? /* @__PURE__ */ new Date(options.filterModel.value + "T00:00:00") : null;
+  return /* @__PURE__ */ jsx18("div", { style: { display: "flex", flexDirection: "column", gap: 8 }, children: !isSpecial && /* @__PURE__ */ jsx18(
+    Calendar,
     {
-      value: currentMatchMode,
-      options: items,
-      optionLabel: "label",
-      optionValue: "value",
-      placeholder,
-      style: { width: "100%" },
+      value: parsedValue,
       onChange: (e) => {
-        const newMatchMode = e.value;
-        if (isSpecial(newMatchMode)) {
-          options.filterCallback({
-            text: null,
-            matchMode: newMatchMode
-          });
+        const date = e.value;
+        if (!date) {
+          options.filterCallback(null, options.index);
           return;
         }
-        options.filterCallback({
-          text: null,
-          matchMode: newMatchMode
-        });
-      }
+        const valueToFilter = mask ? mask(date) : `${date.getFullYear()}-${String(
+          date.getMonth() + 1
+        ).padStart(2, "0")}-${String(
+          date.getDate()
+        ).padStart(2, "0")}`;
+        options.filterCallback(valueToFilter, options.index);
+      },
+      dateFormat: "dd/mm/yy",
+      placeholder: "dd/mm/yyyy",
+      mask: "99/99/9999",
+      inputClassName: "p-column-filter"
     }
-  );
-};
-var DateFilterTemplate = (options, isLanguagePtBr = true, isNullable = true, items, mask) => {
-  const resolvedItems = items ?? getDefaultFilterMatchOptionsDate(isLanguagePtBr, isNullable);
-  const rawFilter = options.value ?? {};
-  const currentMatchMode = rawFilter.matchMode;
-  const isSpecial = currentMatchMode === customMatchModes.empty || currentMatchMode === customMatchModes.notEmpty;
-  const parsedValue = options.value?.text && typeof options.value.text === "string" ? /* @__PURE__ */ new Date(options.value.text + "T00:00:00") : null;
-  return /* @__PURE__ */ jsxs12("div", { style: { display: "flex", flexDirection: "column", gap: 8 }, children: [
-    /* @__PURE__ */ jsx18(
-      FilterMatchModeSelect,
-      {
-        options,
-        items: resolvedItems
-      }
-    ),
-    !isSpecial && /* @__PURE__ */ jsx18(
-      Calendar,
-      {
-        value: parsedValue,
-        onChange: (e) => {
-          if (!e.value) {
-            options.filterCallback({
-              text: null,
-              matchMode: currentMatchMode
-            });
-            return;
-          }
-          const date = e.value;
-          const valueToFilter = mask ? mask(date) : `${date.getFullYear()}-${String(
-            date.getMonth() + 1
-          ).padStart(2, "0")}-${String(date.getDate()).padStart(2, "0")}`;
-          options.filterCallback({
-            text: valueToFilter,
-            matchMode: currentMatchMode
-          });
-        },
-        dateFormat: "dd/mm/yy",
-        placeholder: "dd/mm/yyyy",
-        mask: "99/99/9999",
-        inputClassName: "p-column-filter"
-      }
-    )
-  ] });
+  ) });
 };
-var DateTimeFilterTemplate = (options, isLanguagePtBr = true, isNullable = true, mask) => {
-  const items = getDefaultFilterMatchOptionsDate(isLanguagePtBr, isNullable);
-  const rawFilter = options.value ?? {};
-  const currentMatchMode = rawFilter.matchMode;
-  const isSpecial = currentMatchMode === customMatchModes.empty || currentMatchMode === customMatchModes.notEmpty;
-  const value = typeof rawFilter.text === "string" ? moment2(rawFilter.text).toDate() : null;
-  return /* @__PURE__ */ jsxs12("div", { style: { display: "flex", flexDirection: "column", gap: 8 }, children: [
-    /* @__PURE__ */ jsx18(
-      FilterMatchModeSelect,
-      {
-        options,
-        items
-      }
-    ),
-    !isSpecial && /* @__PURE__ */ jsx18(
-      Calendar,
-      {
-        value,
-        showTime: true,
-        showSeconds: true,
-        hourFormat: "24",
-        dateFormat: "dd/mm/yy",
-        placeholder: "dd/mm/yyyy 00:00:00",
-        readOnlyInput: true,
-        inputClassName: "p-column-filter",
-        onChange: (e) => {
-          const selectedDate = e.value;
-          if (!selectedDate) {
-            options.filterCallback({
-              text: null,
-              matchMode: currentMatchMode
-            });
-            return;
-          }
-          const formatted = mask ? mask(selectedDate) : moment2(selectedDate).utc().format("YYYY-MM-DDTHH:mm:ss.SSS[Z]");
-          options.filterCallback({
-            text: formatted,
-            matchMode: currentMatchMode
-          });
+var DateTimeFilterTemplate = (options, mask) => {
+  const matchMode = options.filterModel?.matchMode;
+  const isSpecial = matchMode === "empty" || matchMode === "notEmpty";
+  const value = options.filterModel?.value ? moment2(options.filterModel.value).toDate() : null;
+  return /* @__PURE__ */ jsx18("div", { style: { display: "flex", flexDirection: "column", gap: 8 }, children: !isSpecial && /* @__PURE__ */ jsx18(
+    Calendar,
+    {
+      value,
+      showTime: true,
+      showSeconds: true,
+      hourFormat: "24",
+      dateFormat: "dd/mm/yy",
+      placeholder: "dd/mm/yyyy 00:00:00",
+      readOnlyInput: true,
+      inputClassName: "p-column-filter",
+      onChange: (e) => {
+        const selectedDate = e.value;
+        if (!selectedDate) {
+          options.filterCallback(null, options.index);
+          return;
         }
+        const formatted = mask ? mask(selectedDate) : moment2(selectedDate).utc().format("YYYY-MM-DDTHH:mm:ss.SSS[Z]");
+        options.filterCallback(formatted, options.index);
       }
-    )
-  ] });
+    }
+  ) });
 };
 var ValueFilterTemplate = (options, mask) => {
   const parsedValue = options.value !== null && options.value !== void 0 ? centsToReal(options.value) : null;
@@ -1840,115 +1790,53 @@ var ValueFilterTemplate = (options, mask) => {
     }
   );
 };
-var SelectFilterTemplate = (options, isLanguagePtBr = true, isNullable = true, items = []) => {
-  const matchModeItems = getDefaultFilterMatchOptionsEnum(isLanguagePtBr, isNullable);
+var SelectFilterTemplate = (options, isLanguagePtBr = true, items = []) => {
   const selectOptions = items.length > 0 ? items : [
     { label: isLanguagePtBr ? "Sim" : "Yes", value: true },
     { label: isLanguagePtBr ? "N\xE3o" : "No", value: false }
   ];
-  const rawFilter = options.value ?? {};
-  const currentMatchMode = rawFilter.matchMode;
-  const isSpecial = currentMatchMode === customMatchModes.empty || currentMatchMode === customMatchModes.notEmpty;
-  const currentValue = selectOptions.find((opt) => opt.value === rawFilter.text) || null;
-  return /* @__PURE__ */ jsxs12("div", { style: { display: "flex", flexDirection: "column", gap: 8 }, children: [
-    /* @__PURE__ */ jsx18(
-      FilterMatchModeSelect,
-      {
-        options,
-        items: matchModeItems
-      }
-    ),
-    !isSpecial && /* @__PURE__ */ jsx18(
-      Select2,
-      {
-        options: selectOptions,
-        value: currentValue,
-        onChange: (selected) => {
-          if (!selected) {
-            options.filterCallback({
-              text: null,
-              matchMode: currentMatchMode
-            });
-            return;
-          }
-          options.filterCallback({
-            text: selected.value,
-            matchMode: currentMatchMode
-          });
-        },
-        placeholder: isLanguagePtBr ? "Selecione..." : "Select...",
-        isClearable: false,
-        isSearchable: false,
-        className: "custom-select-filtro",
-        classNamePrefix: "custom-select-filtro",
-        styles: {
-          control: (baseStyles, state) => ({
-            ...baseStyles,
-            "&:hover": {
-              borderColor: state.isFocused ? "#094394" : ""
-            },
-            borderRadius: "6px"
-          }),
-          menuList: (base) => ({
-            ...base,
-            "::-webkit-scrollbar": {
-              width: "6px"
-            },
-            "::-webkit-scrollbar-track": {
-              background: "#fff"
-            },
-            "::-webkit-scrollbar-thumb": {
-              background: "#888",
-              borderRadius: "2rem"
-            },
-            "::-webkit-scrollbar-thumb:hover": {
-              background: "#555"
-            }
-          }),
-          option: (provided, state) => ({
-            ...provided,
-            backgroundColor: state.isFocused ? "#094394" : "#ffffff",
-            color: state.isFocused ? "#ffffff" : "black",
-            "&:hover": {
-              backgroundColor: "#094394",
-              color: "#ffffff"
-            }
-          })
-        }
-      }
-    )
-  ] });
+  const matchMode = options.filterModel?.matchMode;
+  const isSpecial = matchMode === "empty" || matchMode === "notEmpty";
+  const currentValue = selectOptions.find(
+    (opt) => opt.value === options.filterModel?.value
+  ) || null;
+  return /* @__PURE__ */ jsx18("div", { style: { display: "flex", flexDirection: "column", gap: 8 }, children: !isSpecial && /* @__PURE__ */ jsx18(
+    Select2,
+    {
+      options: selectOptions,
+      value: currentValue,
+      onChange: (selected) => {
+        options.filterCallback(
+          selected ? selected.value : null,
+          options.index
+          // 🔥 ESSENCIAL
+        );
+      },
+      placeholder: isLanguagePtBr ? "Selecione..." : "Select...",
+      isClearable: true,
+      isSearchable: false,
+      className: "custom-select-filtro",
+      classNamePrefix: "custom-select-filtro"
+    }
+  ) });
 };
-var CustomFilterElement = (options, isLanguagePtBr = true, isNullable = true, items) => {
-  const resolvedItems = items ?? getDefaultFilterMatchOptionsString(isLanguagePtBr, isNullable);
-  const rawFilter = options.value ?? {};
-  const currentMatchMode = rawFilter.matchMode ?? "contains";
-  const currentValue = typeof rawFilter.text === "string" ? rawFilter.text : "";
-  const isSpecial = currentMatchMode === customMatchModes.empty || currentMatchMode === customMatchModes.notEmpty;
-  return /* @__PURE__ */ jsxs12("div", { className: "filter-wrapper", style: { display: "flex", flexDirection: "column", gap: 8 }, children: [
-    /* @__PURE__ */ jsx18(
-      FilterMatchModeSelect,
-      {
-        options,
-        items: resolvedItems
-      }
-    ),
-    !isSpecial && /* @__PURE__ */ jsx18(
-      InputText,
-      {
-        value: currentValue,
-        placeholder: isLanguagePtBr ? "Pesquisar" : "Search",
-        className: "p-column-filter",
-        onChange: (e) => {
-          const value = e.target.value;
-          options.filterCallback({
-            text: value.trim() ? value : null,
-            matchMode: currentMatchMode
-          });
-        }
-      }
-    )
-  ] });
+var CustomFilterElement = (options, isLanguagePtBr = true) => {
+  const matchMode = options.filterModel?.matchMode;
+  const isSpecial = matchMode === "empty" || matchMode === "notEmpty";
+  return !isSpecial && /* @__PURE__ */ jsx18(
+    InputText,
+    {
+      value: options.filterModel?.value ?? "",
+      placeholder: isLanguagePtBr ? "Pesquisar" : "Search",
+      onChange: (e) => {
+        options.filterCallback(
+          e.target.value || null,
+          options.index
+        );
+      },
+      className: "p-column-filter"
+    }
+  );
 };
 // src/components/DataTableAdvancedFilter/filterModes.ts
@@ -2376,7 +2264,6 @@ export {
   DateFilterTemplate,
   DateTimeFilterTemplate,
   FilterMatchMode5 as FilterMatchMode,
-  FilterMatchModeSelect,
   FilterOperator2 as FilterOperator,
   Input,
   InputAutoComplete,

package/package.json CHANGED Viewed

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