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

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, mask?: (value: Date) => string | number) => 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, mask?: (value: Date) => string | number) => 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;
@@ -1041,23 +1043,50 @@ var DateFilterTemplate = (options, mask) => {
   );
 };
 var DateTimeFilterTemplate = (options, mask) => {
-  const parsedValue = options.value && typeof options.value === "string" ? new Date(options.value) : options.value;
+  const parsedValue = (() => {
+    if (!options.value) {
+      return (0, import_moment2.default)().set({
+        hour: 0,
+        minute: 0,
+        second: 0,
+        millisecond: 0
+      }).toDate();
+    }
+    if (typeof options.value === "string") {
+      return (0, import_moment2.default)(options.value, [
+        "YYYY-MM-DD",
+        "YYYY-MM-DDTHH:mm:ss.SSS"
+      ]).toDate();
+    }
+    return options.value;
+  })();
+  const handleChange = (e) => {
+    if (!e.value) {
+      options.filterCallback(null, options.index);
+      return;
+    }
+    const date = e.value;
+    const normalizedDate = (0, import_moment2.default)(date).set({
+      hour: 0,
+      minute: 0,
+      second: 0,
+      millisecond: 0
+    }).toDate();
+    const valueToFilter = mask ? mask(normalizedDate) : (0, import_moment2.default)(normalizedDate).format("YYYY-MM-DDTHH:mm:ss.SSS");
+    options.filterCallback(valueToFilter, options.index);
+  };
   return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
     import_calendar.Calendar,
     {
       value: parsedValue,
-      onChange: (e) => {
-        if (!e.value) {
-          options.filterCallback(null, options.index);
-          return;
-        }
-        const valueToFilter = mask ? mask(e.value) : e.value;
-        options.filterCallback(valueToFilter, options.index);
-      },
+      onChange: handleChange,
+      showTime: true,
+      showSeconds: true,
+      hourFormat: "24",
       dateFormat: "dd/mm/yy",
-      placeholder: "dd/mm/yyyy",
-      mask: "99/99/9999",
-      inputClassName: "custom-input"
+      placeholder: "dd/mm/yyyy 00:00:00.000",
+      inputClassName: "custom-input",
+      mask: "99/99/9999 99:99:99.999"
     }
   );
 };

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;
@@ -990,23 +992,50 @@ var DateFilterTemplate = (options, mask) => {
   );
 };
 var DateTimeFilterTemplate = (options, mask) => {
-  const parsedValue = options.value && typeof options.value === "string" ? new Date(options.value) : options.value;
+  const parsedValue = (() => {
+    if (!options.value) {
+      return moment2().set({
+        hour: 0,
+        minute: 0,
+        second: 0,
+        millisecond: 0
+      }).toDate();
+    }
+    if (typeof options.value === "string") {
+      return moment2(options.value, [
+        "YYYY-MM-DD",
+        "YYYY-MM-DDTHH:mm:ss.SSS"
+      ]).toDate();
+    }
+    return options.value;
+  })();
+  const handleChange = (e) => {
+    if (!e.value) {
+      options.filterCallback(null, options.index);
+      return;
+    }
+    const date = e.value;
+    const normalizedDate = moment2(date).set({
+      hour: 0,
+      minute: 0,
+      second: 0,
+      millisecond: 0
+    }).toDate();
+    const valueToFilter = mask ? mask(normalizedDate) : moment2(normalizedDate).format("YYYY-MM-DDTHH:mm:ss.SSS");
+    options.filterCallback(valueToFilter, options.index);
+  };
   return /* @__PURE__ */ jsx11(
     Calendar,
     {
       value: parsedValue,
-      onChange: (e) => {
-        if (!e.value) {
-          options.filterCallback(null, options.index);
-          return;
-        }
-        const valueToFilter = mask ? mask(e.value) : e.value;
-        options.filterCallback(valueToFilter, options.index);
-      },
+      onChange: handleChange,
+      showTime: true,
+      showSeconds: true,
+      hourFormat: "24",
       dateFormat: "dd/mm/yy",
-      placeholder: "dd/mm/yyyy",
-      mask: "99/99/9999",
-      inputClassName: "custom-input"
+      placeholder: "dd/mm/yyyy 00:00:00.000",
+      inputClassName: "custom-input",
+      mask: "99/99/9999 99:99:99.999"
     }
   );
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@charlesgomes/leafcode-shared-lib-react",
-  "version": "1.0.39",
+  "version": "1.0.40",
   "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",