flysoft-react-ui 0.4.0 → 0.5.2

package/dist/components/form-controls/Checkbox.js

@@ -0,0 +1,77 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+export const Checkbox = React.forwardRef(({ label, labelPosition = "right", error, size = "md", className = "", id, readOnly = false, onClick, onChange, ...props }, ref) => {
+    const checkboxId = id || `checkbox-${Math.random().toString(36).substr(2, 9)}`;
+    const sizeClasses = {
+        sm: "w-4 h-4",
+        md: "w-5 h-5",
+        lg: "w-6 h-6",
+    };
+    const labelSizeClasses = {
+        sm: "text-sm",
+        md: "text-base",
+        lg: "text-lg",
+    };
+    const checkboxClasses = `
+      ${sizeClasses[size]}
+      rounded border transition-colors focus:outline-none focus:ring-2 focus:ring-offset-0
+      cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed
+      border-[var(--color-border-default)]
+      checked:bg-[var(--color-primary)] checked:border-[var(--color-primary)]
+      focus:ring-[var(--color-primary)]
+      ${error
+        ? "border-[var(--color-border-error)] checked:border-[var(--color-border-error)] checked:bg-[var(--color-danger)]"
+        : ""}
+      ${className}
+    `;
+    const checkboxStyle = error
+        ? { accentColor: "var(--color-danger)" }
+        : { accentColor: "var(--color-primary)" };
+    const labelClasses = `
+      ${labelSizeClasses[size]}
+      font-[var(--font-default)] cursor-pointer select-none
+      ${props.disabled ? "opacity-50 cursor-not-allowed" : ""}
+      ${error ? "text-[var(--color-danger)]" : "text-[var(--color-text-primary)]"}
+    `;
+    const containerClasses = `
+      flex items-center gap-2
+      ${labelPosition === "left" ? "flex-row-reverse" : "flex-row"}
+    `;
+    // Prevenir cambios cuando está en modo readOnly
+    const handleClick = (e) => {
+        if (readOnly) {
+            e.preventDefault();
+            return false;
+        }
+        // Llamar al onClick original si existe
+        if (onClick) {
+            onClick(e);
+        }
+    };
+    const handleChange = (e) => {
+        if (readOnly) {
+            e.preventDefault();
+            return;
+        }
+        // Llamar al onChange original si existe
+        if (onChange) {
+            onChange(e);
+        }
+    };
+    const handleLabelClick = (e) => {
+        if (readOnly) {
+            e.preventDefault();
+            e.stopPropagation();
+            return false;
+        }
+    };
+    const handleLabelMouseDown = (e) => {
+        if (readOnly) {
+            e.preventDefault();
+            e.stopPropagation();
+            return false;
+        }
+    };
+    return (_jsxs("div", { className: "w-full", children: [_jsxs("div", { className: containerClasses, children: [_jsx("input", { ref: ref, type: "checkbox", id: checkboxId, className: checkboxClasses, style: checkboxStyle, readOnly: readOnly, onClick: handleClick, onChange: handleChange, ...props }), label && (_jsx("label", { htmlFor: readOnly ? undefined : checkboxId, className: labelClasses, onClick: handleLabelClick, onMouseDown: handleLabelMouseDown, children: label }))] }), error && (_jsx("p", { className: "mt-1 text-sm text-[var(--color-danger)] font-[var(--font-default)]", children: error }))] }));
+});
+Checkbox.displayName = "Checkbox";

package/dist/components/form-controls/DateInput.d.ts

@@ -1,12 +1,28 @@
 import React from "react";
+import { type Dayjs } from "dayjs";
 import type { InputProps } from "./Input";
 import type { DatePickerProps } from "./DatePicker";
 export type DateInputFormat = "dd/mm/yyyy" | "mm/dd/yyyy";
-export interface DateInputProps extends Omit<InputProps, "type" | "value" | "onChange"> {
-    value?: Date | null;
-    onChange?: (date: Date | null) => void;
+export interface DateInputProps extends Omit<InputProps, "type" | "value" | "onChange" | "ref"> {
+    /**
+     * Valor de la fecha.
+     * En modo register: string (fecha formateada) o undefined
+     * En modo Controller: Dayjs | null
+     */
+    value?: Dayjs | null | string;
+    /**
+     * Callback cuando cambia la fecha.
+     * En modo register: ChangeEventHandler (de register)
+     * En modo Controller: (date: Dayjs | null) => void
+     */
+    onChange?: ((date: Dayjs | null) => void) | React.ChangeEventHandler<HTMLInputElement>;
     format?: DateInputFormat;
     datePickerProps?: Omit<DatePickerProps, "value" | "onChange">;
+    /**
+     * Si es true, el input será de solo lectura. No se podrá modificar ni desplegar el DatePicker.
+     * Por defecto es false.
+     */
+    readOnly?: boolean;
 }
-export declare const DateInput: React.FC<DateInputProps>;
+export declare const DateInput: React.ForwardRefExoticComponent<DateInputProps & React.RefAttributes<HTMLInputElement>>;
 //# sourceMappingURL=DateInput.d.ts.map

package/dist/components/form-controls/DateInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DateInput.d.ts","sourceRoot":"","sources":["../../../src/components/form-controls/DateInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAEpD,MAAM,MAAM,eAAe,GAAG,YAAY,GAAG,YAAY,CAAC;AAE1D,MAAM,WAAW,cACf,SAAQ,IAAI,CAAC,UAAU,EAAE,MAAM,GAAG,OAAO,GAAG,UAAU,CAAC;IACvD,KAAK,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAC;IACvC,MAAM,CAAC,EAAE,eAAe,CAAC;IACzB,eAAe,CAAC,EAAE,IAAI,CAAC,eAAe,EAAE,OAAO,GAAG,UAAU,CAAC,CAAC;CAC/D;AAsFD,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAuK9C,CAAC"}
+{"version":3,"file":"DateInput.d.ts","sourceRoot":"","sources":["../../../src/components/form-controls/DateInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAc,EAAE,KAAK,KAAK,EAAE,MAAM,OAAO,CAAC;AAI1C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAEpD,MAAM,MAAM,eAAe,GAAG,YAAY,GAAG,YAAY,CAAC;AAE1D,MAAM,WAAW,cACf,SAAQ,IAAI,CAAC,UAAU,EAAE,MAAM,GAAG,OAAO,GAAG,UAAU,GAAG,KAAK,CAAC;IAC/D;;;;OAIG;IACH,KAAK,CAAC,EAAE,KAAK,GAAG,IAAI,GAAG,MAAM,CAAC;IAC9B;;;;OAIG;IACH,QAAQ,CAAC,EACL,CAAC,CAAC,IAAI,EAAE,KAAK,GAAG,IAAI,KAAK,IAAI,CAAC,GAC9B,KAAK,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,CAAC;IAC/C,MAAM,CAAC,EAAE,eAAe,CAAC;IACzB,eAAe,CAAC,EAAE,IAAI,CAAC,eAAe,EAAE,OAAO,GAAG,UAAU,CAAC,CAAC;IAC9D;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AA2HD,eAAO,MAAM,SAAS,yFAwgBrB,CAAC"}