@pagamio/frontend-commons-lib 0.8.288 → 0.8.290

package/lib/components/ui/DatePicker.d.ts

@@ -5,8 +5,8 @@ type DatePickerProps = {
     disabled?: boolean;
     id?: string;
     className?: string;
-    value?: Date | null;
-    onChange?: (date: Date) => void;
+    value?: Date | string | null;
+    onChange?: (date: string) => void;
 };
 declare function DatePicker({ value, disabled, name, placeholder, onChange }: Readonly<DatePickerProps>): import("react/jsx-runtime").JSX.Element;
 export default DatePicker;

package/lib/components/ui/DatePicker.js

@@ -80,7 +80,10 @@ function DatePicker({ value, disabled, name, placeholder, onChange }) {
                 const validDate = new Date(date);
                 setSelectedDate(validDate);
                 if (onChange && !Number.isNaN(validDate.getTime())) {
-                    onChange(validDate);
+                    const yyyy = validDate.getFullYear();
+                    const mm = String(validDate.getMonth() + 1).padStart(2, '0');
+                    const dd = String(validDate.getDate()).padStart(2, '0');
+                    onChange(`${yyyy}-${mm}-${dd}`);
                 }
             }, name: name, className: "", disabled: disabled, theme: datepickerTheme }) }));
 }

package/lib/components/ui/StatusCell.d.ts

@@ -1,11 +1,9 @@
-import type { MRT_Cell } from 'mantine-react-table';
 import type { ReactNode } from 'react';
-export interface StatusCellProps<T extends Record<string, any> = {}> {
-    readonly cell: MRT_Cell<T>;
+export interface StatusCellProps {
     readonly color: string;
     readonly displayValue: string;
     readonly className?: string;
     readonly icon?: ReactNode;
 }
-declare function StatusCell<T extends Record<string, any> = {}>({ displayValue, className, icon, }: Readonly<StatusCellProps<T>>): import("react/jsx-runtime").JSX.Element;
+declare function StatusCell({ displayValue, className, icon }: Readonly<StatusCellProps>): import("react/jsx-runtime").JSX.Element;
 export default StatusCell;

package/lib/components/ui/StatusCell.js

@@ -1,5 +1,5 @@
 import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-function StatusCell({ displayValue, className = '', icon, }) {
+function StatusCell({ displayValue, className = '', icon }) {
     const baseClass = 'rounded-full px-4 py-1.5 whitespace-nowrap';
     if (icon) {
         return (_jsxs("span", { className: `inline-flex items-center gap-1 ${baseClass} ${className}`.trim(), children: [icon, displayValue] }));

package/lib/form-engine/FormEngine.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import type { FormEngineProps } from './types';
-declare const FormEngine: <T extends Record<string, any>>({ fields, onSubmit, initialValues, layout, isNotTrigger, showCancelButton, submitButtonText, showSubmittingText, submitButtonClass, onCancel, getFieldValues, formRef, className, persistenceKey, }: FormEngineProps<T>) => React.JSX.Element;
+declare const FormEngine: ({ fields, onSubmit, initialValues, layout, isNotTrigger, showCancelButton, submitButtonText, showSubmittingText, submitButtonClass, onCancel, getFieldValues, formRef, className, persistenceKey, }: FormEngineProps) => React.JSX.Element;
 export default FormEngine;

package/lib/form-engine/types/index.d.ts

@@ -3,7 +3,7 @@ import type React from 'react';
 export interface ActionProps {
     field: string;
     options?: SelectOption[] | string[];
-    value?: any;
+    value?: unknown;
     label?: string;
     hideField?: boolean;
     fieldInnitialData?: Field;
@@ -53,20 +53,20 @@ export type ControlFields = {
  */
 export interface FormRef {
     reset: () => void;
-    setValue?: (name: string, value: any) => void;
+    setValue?: (name: string, value: unknown) => void;
 }
 /**
  * Props for the FormEngine component which handles form rendering and submission
  */
-export interface FormEngineProps<T extends Record<string, any>> {
+export interface FormEngineProps {
     /** Array of field definitions that make up the form */
     fields: Field[];
     /** Callback function called when the form is submitted */
-    onSubmit: (data: any) => Promise<void>;
+    onSubmit: (data: Record<string, unknown>) => void | Promise<void>;
     /** Layout direction of the form */
     layout?: 'vertical' | 'horizontal';
     /** Initial values for form fields */
-    initialValues?: any;
+    initialValues?: Record<string, unknown>;
     /** Custom tailwind class for the Form Engine */
     className?: string;
     /** Custom tailwind class for the submit button */
@@ -82,7 +82,7 @@ export interface FormEngineProps<T extends Record<string, any>> {
     /** Callback function called when form cancellation is requested */
     onCancel: () => void;
     /** Callback function called whenever a field value changes */
-    getFieldValues?: (fields: T) => void;
+    getFieldValues?: (values: Record<string, unknown>) => void;
     /** Optional persistence key for form data */
     persistenceKey?: string;
     /**
@@ -174,7 +174,7 @@ export interface Field {
 export interface DependentFieldUpdate {
     field: string;
     dependencies?: string[];
-    action: (value: any, isInitialLoad?: boolean) => Promise<ActionProps> | ActionProps;
+    action: (value: unknown, isInitialLoad?: boolean) => Promise<ActionProps> | ActionProps;
 }
 /**
  * Props for the Form component wrapper
@@ -220,11 +220,11 @@ export interface FieldWrapperProps {
     /** Add new field callback */
     addField?: (field: Field) => void;
     /** Set value function from useForm */
-    setValue?: (name: string, value: any) => void;
+    setValue?: (name: string, value: unknown) => void;
     /** Clear errors function from useForm */
     clearErrors?: (field: string) => void;
     /** Get values function from useForm */
-    getValues?: () => Record<string, any>;
+    getValues?: () => Record<string, unknown>;
 }
 /**
  * Props for basic input components

package/lib/pagamio-drawer/components/DrawerContent.d.ts

@@ -2,8 +2,8 @@ import React from 'react';
 import type { DependentFieldUpdate, Field, SelectOption, ValidationRule } from '../../form-engine';
 interface DrawerContentProps {
     fields: Field[];
-    onSubmit: (data: any) => Promise<void>;
-    initialValues?: any;
+    onSubmit: (data: Record<string, unknown>) => void | Promise<void>;
+    initialValues?: Record<string, unknown>;
     isOpen?: boolean;
     cancelButtonText?: string;
     submitButtonText?: string;
@@ -12,15 +12,15 @@ interface DrawerContentProps {
     showDrawerButtons?: boolean;
     handleCloseDrawer: () => void;
     onFieldUpdate?: Record<string, DependentFieldUpdate[]>;
-    onFieldChange?: (fieldName: string, value: any) => void;
+    onFieldChange?: (fieldName: string, value: unknown) => void;
     updateFieldOptions?: (field: string, options: Array<SelectOption | string>) => void;
     updateFieldLabel?: (fieldName: string, newLabelName: string) => void;
     setFieldHidden?: (fieldName: string, hidden: boolean) => void;
     addField?: (fields: Field) => void;
     updateFieldValidation?: (fieldName: string, newValidation: ValidationRule) => void;
-    processInitialFieldUpdates?: (getValues: (name?: string) => any) => Promise<void>;
+    processInitialFieldUpdates?: (getValues: (name?: string) => unknown) => Promise<void>;
     processingDependencyRef?: React.MutableRefObject<boolean>;
-    pendingUpdatesRef?: React.MutableRefObject<Map<string, any>>;
+    pendingUpdatesRef?: React.MutableRefObject<Map<string, unknown>>;
     persistenceKey?: string;
     /** Ref updated every render with current dirty state — read by FormEngineDrawer for X-button check. */
     isDirtyRef?: React.MutableRefObject<boolean>;

package/lib/pagamio-drawer/components/DrawerContent.js

@@ -180,6 +180,8 @@ const DrawerContent = ({ fields, onSubmit, isOpen, initialValues, submitButtonTe
         if (!result)
             return;
         const { field, options, value, label, hideField, fieldInnitialData } = result;
+        if (!field)
+            return;
         // Apply each possible update type if needed
         if (options !== undefined && updateFieldOptions) {
             updateFieldOptions(field, options);

package/lib/pagamio-drawer/index.d.ts

@@ -10,11 +10,11 @@ interface FormEngineDrawerProps {
     marginTop?: string;
     children?: React.ReactNode;
     fields: Field[];
-    initialValues?: any;
-    onSubmit: (data: any) => Promise<void>;
+    initialValues?: Record<string, unknown>;
+    onSubmit: (data: Record<string, unknown>) => void | Promise<void>;
     onClose: () => void;
     onFieldUpdate?: Record<string, DependentFieldUpdate[]>;
-    onFieldChange?: (fieldName: string, value: any) => void;
+    onFieldChange?: (fieldName: string, value: unknown) => void;
     persistenceKey?: string;
 }
 declare const FormEngineDrawer: React.FC<FormEngineDrawerProps>;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pagamio/frontend-commons-lib",
   "description": "Pagamio library for Frontend reusable components like the form engine and table container",
-  "version": "0.8.288",
+  "version": "0.8.290",
   "publishConfig": {
     "access": "public",
     "provenance": false