@charlesgomes/leafcode-shared-lib-react 1.0.39 → 1.0.41

package/dist/index.d.mts

@@ -94,7 +94,7 @@ interface IItemProps {
 }
 
 declare const DateFilterTemplate: (options: any, mask?: (value: any) => string | number) => react_jsx_runtime.JSX.Element;
-declare const DateTimeFilterTemplate: (options: any, mask?: (value: any) => string | number) => react_jsx_runtime.JSX.Element;
+declare const DateTimeFilterTemplate: (options: any) => 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, items?: IItemProps[]) => react_jsx_runtime.JSX.Element;
 declare const CustomFilterElement: (options: any, isLanguagePtBr?: boolean, items?: any[]) => react_jsx_runtime.JSX.Element;

package/dist/index.d.ts

@@ -94,7 +94,7 @@ interface IItemProps {
 }
 
 declare const DateFilterTemplate: (options: any, mask?: (value: any) => string | number) => react_jsx_runtime.JSX.Element;
-declare const DateTimeFilterTemplate: (options: any, mask?: (value: any) => string | number) => react_jsx_runtime.JSX.Element;
+declare const DateTimeFilterTemplate: (options: any) => 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, items?: IItemProps[]) => react_jsx_runtime.JSX.Element;
 declare const CustomFilterElement: (options: any, isLanguagePtBr?: boolean, items?: any[]) => react_jsx_runtime.JSX.Element;

package/dist/index.js

@@ -218,6 +218,7 @@ var import_react3 = require("@phosphor-icons/react");
 
 // src/utils/utils.ts
 var import_clsx = require("clsx");
+var import_moment = __toESM(require("moment"));
 var import_tailwind_merge = require("tailwind-merge");
 function cn(...inputs) {
   return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
@@ -1014,6 +1015,7 @@ function DataTableAdvancedFilter({
 // src/components/DataTableAdvancedFilter/FilterTemplates.tsx
 var import_react_select = __toESM(require("react-select"));
 var import_dropdown = require("primereact/dropdown");
+var import_moment2 = __toESM(require("moment"));
 var import_jsx_runtime11 = require("react/jsx-runtime");
 var DateFilterTemplate = (options, mask) => {
   const parsedValue = options.value && typeof options.value === "string" ? /* @__PURE__ */ new Date(options.value + "T00:00:00") : options.value;
@@ -1040,23 +1042,28 @@ var DateFilterTemplate = (options, mask) => {
     }
   );
 };
-var DateTimeFilterTemplate = (options, mask) => {
-  const parsedValue = options.value && typeof options.value === "string" ? new Date(options.value) : options.value;
+var DateTimeFilterTemplate = (options) => {
+  const value = typeof options.value === "string" ? (0, import_moment2.default)(options.value, "YYYY-MM-DDTHH:mm:ss.SSS").toDate() : options.value ?? null;
   return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
     import_calendar.Calendar,
     {
-      value: parsedValue,
+      value,
       onChange: (e) => {
         if (!e.value) {
           options.filterCallback(null, options.index);
           return;
         }
-        const valueToFilter = mask ? mask(e.value) : e.value;
-        options.filterCallback(valueToFilter, options.index);
+        const formatted = (0, import_moment2.default)(e.value).format(
+          "YYYY-MM-DDTHH:mm:ss.SSS"
+        );
+        options.filterCallback(formatted, options.index);
       },
+      showTime: true,
+      showSeconds: true,
+      hourFormat: "24",
+      placeholder: "dd/mm/yyyy 00:00:00",
       dateFormat: "dd/mm/yy",
-      placeholder: "dd/mm/yyyy",
-      mask: "99/99/9999",
+      readOnlyInput: true,
       inputClassName: "custom-input"
     }
   );

package/dist/index.mjs

@@ -167,6 +167,7 @@ import { Trash, Plus, PencilSimple } from "@phosphor-icons/react";
 
 // src/utils/utils.ts
 import { clsx } from "clsx";
+import moment from "moment";
 import { twMerge } from "tailwind-merge";
 function cn(...inputs) {
   return twMerge(clsx(inputs));
@@ -963,6 +964,7 @@ function DataTableAdvancedFilter({
 // src/components/DataTableAdvancedFilter/FilterTemplates.tsx
 import Select from "react-select";
 import { Dropdown } from "primereact/dropdown";
+import moment2 from "moment";
 import { jsx as jsx11, jsxs as jsxs6 } from "react/jsx-runtime";
 var DateFilterTemplate = (options, mask) => {
   const parsedValue = options.value && typeof options.value === "string" ? /* @__PURE__ */ new Date(options.value + "T00:00:00") : options.value;
@@ -989,23 +991,28 @@ var DateFilterTemplate = (options, mask) => {
     }
   );
 };
-var DateTimeFilterTemplate = (options, mask) => {
-  const parsedValue = options.value && typeof options.value === "string" ? new Date(options.value) : options.value;
+var DateTimeFilterTemplate = (options) => {
+  const value = typeof options.value === "string" ? moment2(options.value, "YYYY-MM-DDTHH:mm:ss.SSS").toDate() : options.value ?? null;
   return /* @__PURE__ */ jsx11(
     Calendar,
     {
-      value: parsedValue,
+      value,
       onChange: (e) => {
         if (!e.value) {
           options.filterCallback(null, options.index);
           return;
         }
-        const valueToFilter = mask ? mask(e.value) : e.value;
-        options.filterCallback(valueToFilter, options.index);
+        const formatted = moment2(e.value).format(
+          "YYYY-MM-DDTHH:mm:ss.SSS"
+        );
+        options.filterCallback(formatted, options.index);
       },
+      showTime: true,
+      showSeconds: true,
+      hourFormat: "24",
+      placeholder: "dd/mm/yyyy 00:00:00",
       dateFormat: "dd/mm/yy",
-      placeholder: "dd/mm/yyyy",
-      mask: "99/99/9999",
+      readOnlyInput: true,
       inputClassName: "custom-input"
     }
   );

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@charlesgomes/leafcode-shared-lib-react",
-  "version": "1.0.39",
+  "version": "1.0.41",
   "description": "Lib de componentes react",
   "main": "dist/index.cjs",
   "module": "dist/index.mjs",
@@ -54,6 +54,7 @@
   "dependencies": {
     "@phosphor-icons/react": "^2.1.10",
     "clsx": "^2.1.1",
+    "moment": "^2.30.1",
     "primereact": "^10.9.7",
     "react-select": "^5.10.2",
     "react-tooltip": "^5.29.1",