@soyfri/shared-library 2.0.0-beta.3 → 2.0.0-beta.31

package/components/DateTimePicker/DateTimePicker.cjs

@@ -1,222 +1,6 @@
 "use strict";
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const jsxRuntime = require("react/jsx-runtime");
-const React = require("react");
-const styles = require("@mui/material/styles");
-const AdapterDayjs = require("@mui/x-date-pickers/AdapterDayjs");
-const LocalizationProvider = require("@mui/x-date-pickers/LocalizationProvider");
-const DateTimePicker$1 = require("@mui/x-date-pickers/DateTimePicker");
-const reactHookForm = require("react-hook-form");
-const formField_sx = require("../../formField.sx-CQ1mbk9M.cjs");
-const resolvePreset = require("../../resolvePreset-CT3kU-K2.cjs");
-const buildDateTimePickerSx = (borderRadius, labelPosition) => formField_sx.buildFormFieldSx({
-  borderRadius,
-  labelPosition,
-  includePickersApi: true,
-  extraOutsideSx: {
-    "& .MuiInputBase-input": {
-      paddingTop: formField_sx.FIELD_INPUT_PADDING_Y,
-      paddingBottom: formField_sx.FIELD_INPUT_PADDING_Y
-    },
-    "& .MuiPickersInputBase-sectionsContainer": {
-      paddingTop: formField_sx.FIELD_INPUT_PADDING_Y,
-      paddingBottom: formField_sx.FIELD_INPUT_PADDING_Y
-    }
-  }
-});
-const getDateTimeValidationMessage = (error) => {
-  switch (error) {
-    case "minDate":
-    case "maxDate":
-    case "invalidDate":
-      return "Formato de fecha/hora inválido";
-    case "disableFuture":
-      return "No se permiten fechas/horas futuras";
-    case "disablePast":
-      return "No se permiten fechas/horas pasadas";
-    default:
-      return "";
-  }
-};
-const buildLocaleText = (clearButtonText, cancelButtonText, acceptButtonText) => {
-  const text = {};
-  if (clearButtonText) text.clearButtonLabel = clearButtonText;
-  if (cancelButtonText) text.cancelButtonLabel = cancelButtonText;
-  if (acceptButtonText) text.okButtonLabel = acceptButtonText;
-  return text;
-};
-const DateTimePicker = (props) => {
-  const _a = props, {
-    label,
-    minDateTime,
-    maxDateTime,
-    disabled,
-    readOnly,
-    inputFormat,
-    borderRadius = 10,
-    labelPosition = "outside",
-    size = "small",
-    helperText,
-    error: errorProp,
-    sx,
-    className,
-    preset,
-    adapterLocale,
-    clearButtonText,
-    cancelButtonText,
-    acceptButtonText,
-    minutesStep,
-    minTime,
-    customClass,
-    viewRenderers,
-    timeSteps,
-    ampm = false,
-    textFieldProps,
-    slotProps: slotPropsProp
-  } = _a, rest = __objRest(_a, [
-    "label",
-    "minDateTime",
-    "maxDateTime",
-    "disabled",
-    "readOnly",
-    "inputFormat",
-    "borderRadius",
-    "labelPosition",
-    "size",
-    "helperText",
-    "error",
-    "sx",
-    "className",
-    "preset",
-    "adapterLocale",
-    "clearButtonText",
-    "cancelButtonText",
-    "acceptButtonText",
-    "minutesStep",
-    "minTime",
-    "customClass",
-    "viewRenderers",
-    "timeSteps",
-    "ampm",
-    "textFieldProps",
-    "slotProps"
-  ]);
-  const [validationError, setValidationError] = React.useState(null);
-  const validationErrorMessage = React.useMemo(
-    () => getDateTimeValidationMessage(validationError),
-    [validationError]
-  );
-  const customLocaleText = React.useMemo(
-    () => buildLocaleText(clearButtonText, cancelButtonText, acceptButtonText),
-    [clearButtonText, cancelButtonText, acceptButtonText]
-  );
-  const theme = styles.useTheme();
-  const presetSx = resolvePreset.resolvePreset("DateTimePicker", preset, theme);
-  const mergedSx = [
-    buildDateTimePickerSx(borderRadius, labelPosition),
-    ...presetSx ? [presetSx] : [],
-    ...Array.isArray(sx) ? sx : [sx]
-  ];
-  const renderPicker = (value, onChange, onBlur, inputRef, rhfError, rhfHelperText) => {
-    const finalError = rhfError || !!validationErrorMessage || !!errorProp;
-    const finalHelperText = rhfHelperText || validationErrorMessage || helperText;
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      LocalizationProvider.LocalizationProvider,
-      __spreadProps(__spreadValues({
-        dateAdapter: AdapterDayjs.AdapterDayjs
-      }, adapterLocale ? { adapterLocale } : {}), {
-        children: /* @__PURE__ */ jsxRuntime.jsx(
-          DateTimePicker$1.DateTimePicker,
-          __spreadValues({
-            className: customClass || className,
-            label,
-            value,
-            onChange,
-            onError: setValidationError,
-            minDateTime,
-            maxDateTime,
-            minutesStep,
-            disabled,
-            readOnly,
-            minTime,
-            format: inputFormat != null ? inputFormat : "DD/MM/YYYY HH:mm",
-            viewRenderers,
-            timeSteps,
-            ampm,
-            sx: mergedSx,
-            slotProps: __spreadProps(__spreadValues({}, slotPropsProp), {
-              textField: __spreadValues(__spreadValues({
-                fullWidth: true,
-                size,
-                variant: "outlined",
-                onBlur,
-                inputRef,
-                error: !!finalError,
-                helperText: finalHelperText
-              }, slotPropsProp == null ? void 0 : slotPropsProp.textField), textFieldProps)
-            }),
-            localeText: customLocaleText
-          }, rest)
-        )
-      })
-    );
-  };
-  if ("control" in props && props.control) {
-    const { name, control, validation } = props;
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      reactHookForm.Controller,
-      {
-        name,
-        control,
-        rules: validation,
-        render: ({ field, fieldState: { error: fieldError } }) => {
-          var _a2;
-          return renderPicker(
-            (_a2 = field.value) != null ? _a2 : null,
-            field.onChange,
-            field.onBlur,
-            field.ref,
-            !!fieldError,
-            fieldError == null ? void 0 : fieldError.message
-          );
-        }
-      }
-    );
-  }
-  const { selectedDateTime, onDateTimeChange } = props;
-  return renderPicker(selectedDateTime, onDateTimeChange);
-};
-exports.DateTimePicker = DateTimePicker;
-exports.default = DateTimePicker;
+const DateTimePicker = require("../../DateTimePicker-BxQyjTCY.cjs");
+exports.DateTimePicker = DateTimePicker.DateTimePicker;
+exports.default = DateTimePicker.DateTimePicker;
 //# sourceMappingURL=DateTimePicker.cjs.map

package/components/DateTimePicker/DateTimePicker.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"DateTimePicker.cjs","sources":["../../../src/components/DateTimePicker/DateTimePicker.sx.ts","../../../src/components/DateTimePicker/DateTimePicker.helpers.ts","../../../src/components/DateTimePicker/DateTimePicker.tsx"],"sourcesContent":["import type { SxProps, Theme } from '@mui/material';\n\nimport { buildFormFieldSx } from '../_shared/formField.sx';\nimport { FIELD_INPUT_PADDING_Y } from '../../theme/tokens';\nimport type { LabelPosition } from './DateTimePicker';\n\n/**\n * Builder de sx para el DateTimePicker. Mismo patrón que DatePicker.\n * Usa `includePickersApi: true` para soportar la API nueva de MUI X v8.\n */\nexport const buildDateTimePickerSx = (\n  borderRadius: number | string,\n  labelPosition: LabelPosition,\n): SxProps<Theme> =>\n  buildFormFieldSx({\n    borderRadius,\n    labelPosition,\n    includePickersApi: true,\n    extraOutsideSx: {\n      '& .MuiInputBase-input': {\n        paddingTop: FIELD_INPUT_PADDING_Y,\n        paddingBottom: FIELD_INPUT_PADDING_Y,\n      },\n\n      '& .MuiPickersInputBase-sectionsContainer': {\n        paddingTop: FIELD_INPUT_PADDING_Y,\n        paddingBottom: FIELD_INPUT_PADDING_Y,\n      },\n    },\n  });\n","import type { DateValidationError } from '@mui/x-date-pickers/models';\n\n/**\n * Traduce el error del DateTimePicker a un mensaje en español. Se usa\n * internamente para poblar `helperText` cuando hay error de validación.\n */\nexport const getDateTimeValidationMessage = (\n  error: DateValidationError | null,\n): string => {\n  switch (error) {\n    case 'minDate':\n    case 'maxDate':\n    case 'invalidDate':\n      return 'Formato de fecha/hora inválido';\n    case 'disableFuture':\n      return 'No se permiten fechas/horas futuras';\n    case 'disablePast':\n      return 'No se permiten fechas/horas pasadas';\n    default:\n      return '';\n  }\n};\n\n/**\n * Construye el `localeText` que MUI acepta para overridear los labels de los\n * botones del popover (Cancel / OK / Clear).\n */\nexport const buildLocaleText = (\n  clearButtonText?: string,\n  cancelButtonText?: string,\n  acceptButtonText?: string,\n): Record<string, string> => {\n  const text: Record<string, string> = {};\n  if (clearButtonText) text.clearButtonLabel = clearButtonText;\n  if (cancelButtonText) text.cancelButtonLabel = cancelButtonText;\n  if (acceptButtonText) text.okButtonLabel = acceptButtonText;\n  return text;\n};\n","import React, { useMemo } from 'react';\nimport type { SxProps, Theme } from '@mui/material';\nimport { useTheme } from '@mui/material/styles';\nimport { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs';\nimport { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider';\nimport {\n  DateTimePicker as MuiDateTimePicker,\n  type DateTimePickerProps as MuiDateTimePickerProps,\n} from '@mui/x-date-pickers/DateTimePicker';\nimport { DateValidationError } from '@mui/x-date-pickers/models';\nimport { Dayjs } from 'dayjs';\nimport { Controller, type Control, type RegisterOptions } from 'react-hook-form';\n\nimport { buildDateTimePickerSx } from './DateTimePicker.sx';\nimport {\n  buildLocaleText,\n  getDateTimeValidationMessage,\n} from './DateTimePicker.helpers';\nimport { resolvePreset } from '../_shared/resolvePreset';\n\n// ── Tipos de dominio ─────────────────────────────────────────────────────\nexport type LabelPosition = 'outside' | 'floating';\nexport type DateTimePickerSize = 'small' | 'medium';\n\n// ── Props base ───────────────────────────────────────────────────────────\nexport interface BaseDateTimePickerProps\n  extends Omit<MuiDateTimePickerProps, 'value' | 'onChange' | 'slotProps' | 'format'> {\n  label?: string;\n  minDateTime?: Dayjs;\n  maxDateTime?: Dayjs;\n  disabled?: boolean;\n  readOnly?: boolean;\n  /** Formato de la fecha/hora. Default: 'DD/MM/YYYY HH:mm'. */\n  inputFormat?: string;\n  /** Border radius del input. Default: 10. */\n  borderRadius?: number | string;\n  /** \"outside\" (default) o \"floating\". */\n  labelPosition?: LabelPosition;\n  /** Tamaño del TextField. Default: 'small'. */\n  size?: DateTimePickerSize;\n  helperText?: string;\n  error?: boolean;\n  sx?: SxProps<Theme>;\n  className?: string;\n  /**\n   * Nombre del preset de estilo registrado en `theme.styles.DateTimePicker`.\n   * - `\"default\"` (o ausente) = estilo built-in del paquete.\n   * - Cualquier otro string = mergea el preset encima del estilo built-in.\n   */\n  preset?: string;\n  /** Locale del adaptador dayjs. */\n  adapterLocale?: string;\n  /** Textos de los botones del popover. */\n  clearButtonText?: string;\n  cancelButtonText?: string;\n  acceptButtonText?: string;\n  minutesStep?: number;\n  minTime?: Dayjs;\n  customClass?: string;\n  viewRenderers?: any;\n  timeSteps?: any;\n  /** Si es true usa formato 12h, false = 24h. Default: false. */\n  ampm?: boolean;\n  textFieldProps?: Record<string, any>;\n  /** Passthrough completo a slotProps del MuiDateTimePicker. */\n  slotProps?: MuiDateTimePickerProps['slotProps'];\n}\n\n// ── Variantes discriminadas (RHF vs controlado) ──────────────────────────\nexport interface RHFDateTimePickerProps extends BaseDateTimePickerProps {\n  name: string;\n  control: Control<any>;\n  validation?: RegisterOptions;\n  selectedDateTime?: never;\n  onDateTimeChange?: never;\n}\n\nexport interface ControlledDateTimePickerProps extends BaseDateTimePickerProps {\n  name?: string;\n  control?: never;\n  validation?: never;\n  selectedDateTime: Dayjs | null;\n  onDateTimeChange: (dateTime: Dayjs | null) => void;\n}\n\n// ── API pública final ────────────────────────────────────────────────────\nexport type DateTimePickerProps =\n  | RHFDateTimePickerProps\n  | ControlledDateTimePickerProps;\n\nexport const DateTimePicker: React.FC<DateTimePickerProps> = (props) => {\n  const {\n    label,\n    minDateTime,\n    maxDateTime,\n    disabled,\n    readOnly,\n    inputFormat,\n    borderRadius = 10,\n    labelPosition = 'outside',\n    size = 'small',\n    helperText,\n    error: errorProp,\n    sx,\n    className,\n    preset,\n    adapterLocale,\n    clearButtonText,\n    cancelButtonText,\n    acceptButtonText,\n    minutesStep,\n    minTime,\n    customClass,\n    viewRenderers,\n    timeSteps,\n    ampm = false,\n    textFieldProps,\n    slotProps: slotPropsProp,\n    ...rest\n  } = props as ControlledDateTimePickerProps & {\n    control?: Control<any>;\n    validation?: RegisterOptions;\n  };\n\n  const [validationError, setValidationError] = React.useState<DateValidationError | null>(null);\n\n  const validationErrorMessage = useMemo(\n    () => getDateTimeValidationMessage(validationError),\n    [validationError],\n  );\n\n  const customLocaleText = useMemo(\n    () => buildLocaleText(clearButtonText, cancelButtonText, acceptButtonText),\n    [clearButtonText, cancelButtonText, acceptButtonText],\n  );\n\n  const theme = useTheme();\n  const presetSx = resolvePreset('DateTimePicker', preset, theme);\n\n  const mergedSx = [\n    buildDateTimePickerSx(borderRadius, labelPosition),\n    ...(presetSx ? [presetSx] : []),\n    ...(Array.isArray(sx) ? sx : [sx]),\n  ];\n\n  const renderPicker = (\n    value: Dayjs | null,\n    onChange: (date: Dayjs | null) => void,\n    onBlur?: () => void,\n    inputRef?: React.Ref<any>,\n    rhfError?: boolean,\n    rhfHelperText?: string,\n  ) => {\n    const finalError = rhfError || !!validationErrorMessage || !!errorProp;\n    const finalHelperText = rhfHelperText || validationErrorMessage || helperText;\n\n    return (\n      <LocalizationProvider\n        dateAdapter={AdapterDayjs}\n        {...(adapterLocale ? { adapterLocale } : {})}\n      >\n        <MuiDateTimePicker\n          className={customClass || className}\n          label={label}\n          value={value}\n          onChange={onChange}\n          onError={setValidationError}\n          minDateTime={minDateTime}\n          maxDateTime={maxDateTime}\n          minutesStep={minutesStep}\n          disabled={disabled}\n          readOnly={readOnly}\n          minTime={minTime}\n          format={inputFormat ?? 'DD/MM/YYYY HH:mm'}\n          viewRenderers={viewRenderers}\n          timeSteps={timeSteps}\n          ampm={ampm}\n          sx={mergedSx}\n          slotProps={{\n            ...slotPropsProp,\n            textField: {\n              fullWidth: true,\n              size,\n              variant: 'outlined',\n              onBlur,\n              inputRef,\n              error: !!finalError,\n              helperText: finalHelperText,\n              ...(slotPropsProp?.textField as Record<string, any> | undefined),\n              ...textFieldProps,\n            } as any,\n          }}\n          localeText={customLocaleText}\n          {...(rest as any)}\n        />\n      </LocalizationProvider>\n    );\n  };\n\n  if ('control' in props && props.control) {\n    const { name, control, validation } = props as RHFDateTimePickerProps;\n    return (\n      <Controller\n        name={name}\n        control={control}\n        rules={validation}\n        render={({ field, fieldState: { error: fieldError } }) =>\n          renderPicker(\n            field.value ?? null,\n            field.onChange,\n            field.onBlur,\n            field.ref,\n            !!fieldError,\n            fieldError?.message,\n          )\n        }\n      />\n    );\n  }\n\n  const { selectedDateTime, onDateTimeChange } = props as ControlledDateTimePickerProps;\n  return renderPicker(selectedDateTime, onDateTimeChange);\n};\n\nexport default DateTimePicker;\n"],"names":["buildFormFieldSx","FIELD_INPUT_PADDING_Y","useMemo","useTheme","resolvePreset","jsx","LocalizationProvider","AdapterDayjs","MuiDateTimePicker","Controller","_a"],"mappings":"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"}
+{"version":3,"file":"DateTimePicker.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/components/DateTimePicker/DateTimePicker.d.ts

@@ -2,7 +2,7 @@ import { default as React } from 'react';
 import { SxProps, Theme } from '@mui/material';
 import { DateTimePickerProps as MuiDateTimePickerProps } from '@mui/x-date-pickers/DateTimePicker';
 import { Dayjs } from 'dayjs';
-import { Control, RegisterOptions } from 'react-hook-form';
+import { RegisterOptions } from 'react-hook-form';
 export type LabelPosition = 'outside' | 'floating';
 export type DateTimePickerSize = 'small' | 'medium';
 export interface BaseDateTimePickerProps extends Omit<MuiDateTimePickerProps, 'value' | 'onChange' | 'slotProps' | 'format'> {
@@ -37,19 +37,23 @@ export interface BaseDateTimePickerProps extends Omit<MuiDateTimePickerProps, 'v
     acceptButtonText?: string;
     minutesStep?: number;
     minTime?: Dayjs;
-    customClass?: string;
-    viewRenderers?: any;
-    timeSteps?: any;
-    /** Si es true usa formato 12h, false = 24h. Default: false. */
+    /** Si es true usa formato 12h (AM/PM), false = 24h. Default: false. */
     ampm?: boolean;
+    viewRenderers?: MuiDateTimePickerProps['viewRenderers'];
+    timeSteps?: MuiDateTimePickerProps['timeSteps'];
     textFieldProps?: Record<string, any>;
     /** Passthrough completo a slotProps del MuiDateTimePicker. */
     slotProps?: MuiDateTimePickerProps['slotProps'];
 }
 export interface RHFDateTimePickerProps extends BaseDateTimePickerProps {
     name: string;
-    control: Control<any>;
+    control: any;
     validation?: RegisterOptions;
+    /**
+     * Side-effect que corre después de que RHF actualiza el form state.
+     * Útil para cascadas entre campos. NO reemplaza al handler de RHF.
+     */
+    onValueChange?: (dateTime: Dayjs | null) => void;
     selectedDateTime?: never;
     onDateTimeChange?: never;
 }

package/components/DateTimePicker/DateTimePicker.definitions.d.ts

@@ -7,4 +7,6 @@ export declare const DateTimePickerSmallSizeDefinition = "\nimport React, { useS
 export declare const DateTimePickerWithButtonsDefinition = "\nimport React, { useState } => from 'react';\nimport { DateTimePicker } from './DateTimePicker'; // Ajusta la ruta si es necesario\nimport dayjs from 'dayjs';\nimport { Box, Typography } from '@mui/material';\n\nexport const DateTimePickerWithButtonsExample = () => {\n  const [selectedDateTime, setSelectedDateTime] = useState(dayjs());\n  return (\n    <Box sx={{ width: 300 }}>\n      <DateTimePicker\n        label=\"Fecha y Hora (Con Botones por Defecto)\"\n        selectedDateTime={selectedDateTime}\n        onDateTimeChange={setSelectedDateTime}\n        slotProps={{\n          actionBar: {\n            actions: ['clear', 'cancel', 'accept'],\n          },\n        }}\n      />\n      <Typography sx={{ mt: 2 }}>\n        Seleccionado: ${selectedDateTime ? selectedDateTime.format('YYYY-MM-DD HH:mm') : 'Ninguna'}\n      </Typography>\n    </Box>\n  );\n};\n";
 export declare const DateTimePickerWithCustomButtonTextDefinition = "\nimport React, { useState } from 'react';\nimport { DateTimePicker } from './DateTimePicker'; // Ajusta la ruta si es necesario\nimport dayjs from 'dayjs';\nimport { Box, Typography } from '@mui/material';\n\nexport const DateTimePickerWithCustomButtonTextExample = () => {\n  const [selectedDateTime, setSelectedDateTime] = useState(dayjs());\n  return (\n    <Box sx={{ width: 300 }}>\n      <DateTimePicker\n        label=\"Fecha y Hora (Botones Personalizados)\"\n        selectedDateTime={selectedDateTime}\n        onDateTimeChange={setSelectedDateTime}\n        clearButtonText=\"Limpiar Todo\"\n        cancelButtonText=\"Descartar\"\n        acceptButtonText=\"Confirmar Selecci\u00F3n\"\n        slotProps={{\n          actionBar: {\n            actions: ['clear', 'cancel', 'accept'],\n          },\n        }}\n      />\n      <Typography sx={{ mt: 2 }}>\n        Seleccionado: ${selectedDateTime ? selectedDateTime.format('YYYY-MM-DD HH:mm') : 'Ninguna'}\n      </Typography>\n    </Box>\n  );\n};\n";
 export declare const DateTimePickerEmptyWithMaskDefinition = "\nimport React, { useState } from 'react';\nimport { DateTimePicker } from './DateTimePicker'; // Ajusta la ruta si es necesario\nimport { Dayjs } from 'dayjs';\nimport { Box, Typography } from '@mui/material';\n\nexport const DateTimePickerEmptyWithMaskExample = () => {\n  const [selectedDateTime, setSelectedDateTime] = useState<Dayjs | null>(null);\n  return (\n    <Box sx={{ width: 300 }}>\n      <DateTimePicker\n        label=\"Fecha y Hora\"\n        selectedDateTime={selectedDateTime}\n        onDateTimeChange={setSelectedDateTime}\n        inputFormat=\"DD/MM/YY HH:mm\"\n      />\n      <Typography sx={{ mt: 2 }} variant=\"caption\" color=\"text.secondary\">\n        Al estar vac\u00EDo, el campo muestra la m\u00E1scara del formato (DD/MM/AA HH:MM).\n      </Typography>\n    </Box>\n  );\n};\n";
+export declare const DateTimePickerWithAllMinutesDefinition = "\nimport React, { useState } from 'react';\nimport { DateTimePicker } from './DateTimePicker'; // Ajusta la ruta si es necesario\nimport dayjs from 'dayjs';\nimport { renderMultiSectionDigitalClockTimeView } from '@mui/x-date-pickers/timeViewRenderers';\nimport { Box, Typography } from '@mui/material';\n\nexport const DateTimePickerWithAllMinutesExample = () => {\n  const [selectedDateTime, setSelectedDateTime] = useState(dayjs('2023-06-15T10:00'));\n  return (\n    <Box sx={{ width: 300 }}>\n      <DateTimePicker\n        label=\"Fecha y Hora (Todos los minutos)\"\n        selectedDateTime={selectedDateTime}\n        onDateTimeChange={setSelectedDateTime}\n        viewRenderers={{\n          hours: renderMultiSectionDigitalClockTimeView,\n          minutes: renderMultiSectionDigitalClockTimeView,\n        }}\n        minutesStep={1}\n        timeSteps={{ minutes: 1 }}\n      />\n      <Typography sx={{ mt: 2 }}>\n        Seleccionado: ${selectedDateTime ? selectedDateTime.format('YYYY-MM-DD HH:mm') : 'Ninguna'}\n      </Typography>\n    </Box>\n  );\n};\n";
+export declare const DateTimePicker24hDefinition = "\nimport React, { useState } from 'react';\nimport { DateTimePicker } from './DateTimePicker'; // Ajusta la ruta si es necesario\nimport dayjs from 'dayjs';\nimport { renderMultiSectionDigitalClockTimeView } from '@mui/x-date-pickers/timeViewRenderers';\nimport { Box, Typography } from '@mui/material';\n\nexport const DateTimePicker24hExample = () => {\n  const [selectedDateTime, setSelectedDateTime] = useState(dayjs('2023-06-15T10:00'));\n  return (\n    <Box sx={{ width: 300 }}>\n      <DateTimePicker\n        label=\"Fecha y Hora (Formato 24h)\"\n        selectedDateTime={selectedDateTime}\n        onDateTimeChange={setSelectedDateTime}\n        viewRenderers={{\n          hours: renderMultiSectionDigitalClockTimeView,\n          minutes: renderMultiSectionDigitalClockTimeView,\n        }}\n        minutesStep={1}\n        timeSteps={{ minutes: 1 }}\n        ampm={false}\n      />\n      <Typography sx={{ mt: 2 }}>\n        Seleccionado: ${selectedDateTime ? selectedDateTime.format('YYYY-MM-DD HH:mm') : 'Ninguna'}\n      </Typography>\n    </Box>\n  );\n};\n";
 export declare const DateTimePickerWithCustomInputFormatDefinition = "\nimport React, { useState } from 'react';\nimport { DateTimePicker } from './DateTimePicker'; // Ajusta la ruta si es necesario\nimport dayjs from 'dayjs';\nimport { Box, Typography } from '@mui/material';\n\nexport const DateTimePickerWithCustomInputFormatExample = () => {\n  const [selectedDateTime, setSelectedDateTime] = useState(dayjs());\n  return (\n    <Box sx={{ width: 300 }}>\n      <DateTimePicker\n        label=\"Fecha y Hora (Formato dd/MM/YYYY)\"\n        selectedDateTime={selectedDateTime}\n        onDateTimeChange={setSelectedDateTime}\n        inputFormat=\"DD/MM/YYYY HH:mm\" // Formato de fecha personalizado\n      />\n      <Typography sx={{ mt: 2 }}>\n        Seleccionado: ${selectedDateTime ? selectedDateTime.format('YYYY-MM-DD HH:mm') : 'Ninguna'}\n      </Typography>\n    </Box>\n  );\n};\n";

package/components/DateTimePicker/DateTimePicker.helpers.d.ts

@@ -1,9 +1,11 @@
-import { DateValidationError } from '@mui/x-date-pickers/models';
+import { DateTimeValidationError } from '@mui/x-date-pickers/models';
 /**
  * Traduce el error del DateTimePicker a un mensaje en español. Se usa
  * internamente para poblar `helperText` cuando hay error de validación.
+ * Cubre tanto errores de fecha (`minDate`, `maxDate`, etc.) como de hora
+ * (`minTime`, `maxTime`, `minutesStep`, etc.).
  */
-export declare const getDateTimeValidationMessage: (error: DateValidationError | null) => string;
+export declare const getDateTimeValidationMessage: (error: DateTimeValidationError | null) => string;
 /**
  * Construye el `localeText` que MUI acepta para overridear los labels de los
  * botones del popover (Cancel / OK / Clear).

package/components/DateTimePicker/DateTimePicker.js

@@ -1,222 +1,6 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-import { jsx } from "react/jsx-runtime";
-import React__default, { useMemo } from "react";
-import { useTheme } from "@mui/material/styles";
-import { AdapterDayjs } from "@mui/x-date-pickers/AdapterDayjs";
-import { LocalizationProvider } from "@mui/x-date-pickers/LocalizationProvider";
-import { DateTimePicker as DateTimePicker$1 } from "@mui/x-date-pickers/DateTimePicker";
-import { Controller } from "react-hook-form";
-import { b as buildFormFieldSx, F as FIELD_INPUT_PADDING_Y } from "../../formField.sx-DfVbMe0V.js";
-import { r as resolvePreset } from "../../resolvePreset-B-IB0ehH.js";
-const buildDateTimePickerSx = (borderRadius, labelPosition) => buildFormFieldSx({
-  borderRadius,
-  labelPosition,
-  includePickersApi: true,
-  extraOutsideSx: {
-    "& .MuiInputBase-input": {
-      paddingTop: FIELD_INPUT_PADDING_Y,
-      paddingBottom: FIELD_INPUT_PADDING_Y
-    },
-    "& .MuiPickersInputBase-sectionsContainer": {
-      paddingTop: FIELD_INPUT_PADDING_Y,
-      paddingBottom: FIELD_INPUT_PADDING_Y
-    }
-  }
-});
-const getDateTimeValidationMessage = (error) => {
-  switch (error) {
-    case "minDate":
-    case "maxDate":
-    case "invalidDate":
-      return "Formato de fecha/hora inválido";
-    case "disableFuture":
-      return "No se permiten fechas/horas futuras";
-    case "disablePast":
-      return "No se permiten fechas/horas pasadas";
-    default:
-      return "";
-  }
-};
-const buildLocaleText = (clearButtonText, cancelButtonText, acceptButtonText) => {
-  const text = {};
-  if (clearButtonText) text.clearButtonLabel = clearButtonText;
-  if (cancelButtonText) text.cancelButtonLabel = cancelButtonText;
-  if (acceptButtonText) text.okButtonLabel = acceptButtonText;
-  return text;
-};
-const DateTimePicker = (props) => {
-  const _a = props, {
-    label,
-    minDateTime,
-    maxDateTime,
-    disabled,
-    readOnly,
-    inputFormat,
-    borderRadius = 10,
-    labelPosition = "outside",
-    size = "small",
-    helperText,
-    error: errorProp,
-    sx,
-    className,
-    preset,
-    adapterLocale,
-    clearButtonText,
-    cancelButtonText,
-    acceptButtonText,
-    minutesStep,
-    minTime,
-    customClass,
-    viewRenderers,
-    timeSteps,
-    ampm = false,
-    textFieldProps,
-    slotProps: slotPropsProp
-  } = _a, rest = __objRest(_a, [
-    "label",
-    "minDateTime",
-    "maxDateTime",
-    "disabled",
-    "readOnly",
-    "inputFormat",
-    "borderRadius",
-    "labelPosition",
-    "size",
-    "helperText",
-    "error",
-    "sx",
-    "className",
-    "preset",
-    "adapterLocale",
-    "clearButtonText",
-    "cancelButtonText",
-    "acceptButtonText",
-    "minutesStep",
-    "minTime",
-    "customClass",
-    "viewRenderers",
-    "timeSteps",
-    "ampm",
-    "textFieldProps",
-    "slotProps"
-  ]);
-  const [validationError, setValidationError] = React__default.useState(null);
-  const validationErrorMessage = useMemo(
-    () => getDateTimeValidationMessage(validationError),
-    [validationError]
-  );
-  const customLocaleText = useMemo(
-    () => buildLocaleText(clearButtonText, cancelButtonText, acceptButtonText),
-    [clearButtonText, cancelButtonText, acceptButtonText]
-  );
-  const theme = useTheme();
-  const presetSx = resolvePreset("DateTimePicker", preset, theme);
-  const mergedSx = [
-    buildDateTimePickerSx(borderRadius, labelPosition),
-    ...presetSx ? [presetSx] : [],
-    ...Array.isArray(sx) ? sx : [sx]
-  ];
-  const renderPicker = (value, onChange, onBlur, inputRef, rhfError, rhfHelperText) => {
-    const finalError = rhfError || !!validationErrorMessage || !!errorProp;
-    const finalHelperText = rhfHelperText || validationErrorMessage || helperText;
-    return /* @__PURE__ */ jsx(
-      LocalizationProvider,
-      __spreadProps(__spreadValues({
-        dateAdapter: AdapterDayjs
-      }, adapterLocale ? { adapterLocale } : {}), {
-        children: /* @__PURE__ */ jsx(
-          DateTimePicker$1,
-          __spreadValues({
-            className: customClass || className,
-            label,
-            value,
-            onChange,
-            onError: setValidationError,
-            minDateTime,
-            maxDateTime,
-            minutesStep,
-            disabled,
-            readOnly,
-            minTime,
-            format: inputFormat != null ? inputFormat : "DD/MM/YYYY HH:mm",
-            viewRenderers,
-            timeSteps,
-            ampm,
-            sx: mergedSx,
-            slotProps: __spreadProps(__spreadValues({}, slotPropsProp), {
-              textField: __spreadValues(__spreadValues({
-                fullWidth: true,
-                size,
-                variant: "outlined",
-                onBlur,
-                inputRef,
-                error: !!finalError,
-                helperText: finalHelperText
-              }, slotPropsProp == null ? void 0 : slotPropsProp.textField), textFieldProps)
-            }),
-            localeText: customLocaleText
-          }, rest)
-        )
-      })
-    );
-  };
-  if ("control" in props && props.control) {
-    const { name, control, validation } = props;
-    return /* @__PURE__ */ jsx(
-      Controller,
-      {
-        name,
-        control,
-        rules: validation,
-        render: ({ field, fieldState: { error: fieldError } }) => {
-          var _a2;
-          return renderPicker(
-            (_a2 = field.value) != null ? _a2 : null,
-            field.onChange,
-            field.onBlur,
-            field.ref,
-            !!fieldError,
-            fieldError == null ? void 0 : fieldError.message
-          );
-        }
-      }
-    );
-  }
-  const { selectedDateTime, onDateTimeChange } = props;
-  return renderPicker(selectedDateTime, onDateTimeChange);
-};
+import { D, D as D2 } from "../../DateTimePicker-CrmWav_j.js";
 export {
-  DateTimePicker,
-  DateTimePicker as default
+  D as DateTimePicker,
+  D2 as default
 };
 //# sourceMappingURL=DateTimePicker.js.map

package/components/DateTimePicker/DateTimePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateTimePicker.js","sources":["../../../src/components/DateTimePicker/DateTimePicker.sx.ts","../../../src/components/DateTimePicker/DateTimePicker.helpers.ts","../../../src/components/DateTimePicker/DateTimePicker.tsx"],"sourcesContent":["import type { SxProps, Theme } from '@mui/material';\n\nimport { buildFormFieldSx } from '../_shared/formField.sx';\nimport { FIELD_INPUT_PADDING_Y } from '../../theme/tokens';\nimport type { LabelPosition } from './DateTimePicker';\n\n/**\n * Builder de sx para el DateTimePicker. Mismo patrón que DatePicker.\n * Usa `includePickersApi: true` para soportar la API nueva de MUI X v8.\n */\nexport const buildDateTimePickerSx = (\n  borderRadius: number | string,\n  labelPosition: LabelPosition,\n): SxProps<Theme> =>\n  buildFormFieldSx({\n    borderRadius,\n    labelPosition,\n    includePickersApi: true,\n    extraOutsideSx: {\n      '& .MuiInputBase-input': {\n        paddingTop: FIELD_INPUT_PADDING_Y,\n        paddingBottom: FIELD_INPUT_PADDING_Y,\n      },\n\n      '& .MuiPickersInputBase-sectionsContainer': {\n        paddingTop: FIELD_INPUT_PADDING_Y,\n        paddingBottom: FIELD_INPUT_PADDING_Y,\n      },\n    },\n  });\n","import type { DateValidationError } from '@mui/x-date-pickers/models';\n\n/**\n * Traduce el error del DateTimePicker a un mensaje en español. Se usa\n * internamente para poblar `helperText` cuando hay error de validación.\n */\nexport const getDateTimeValidationMessage = (\n  error: DateValidationError | null,\n): string => {\n  switch (error) {\n    case 'minDate':\n    case 'maxDate':\n    case 'invalidDate':\n      return 'Formato de fecha/hora inválido';\n    case 'disableFuture':\n      return 'No se permiten fechas/horas futuras';\n    case 'disablePast':\n      return 'No se permiten fechas/horas pasadas';\n    default:\n      return '';\n  }\n};\n\n/**\n * Construye el `localeText` que MUI acepta para overridear los labels de los\n * botones del popover (Cancel / OK / Clear).\n */\nexport const buildLocaleText = (\n  clearButtonText?: string,\n  cancelButtonText?: string,\n  acceptButtonText?: string,\n): Record<string, string> => {\n  const text: Record<string, string> = {};\n  if (clearButtonText) text.clearButtonLabel = clearButtonText;\n  if (cancelButtonText) text.cancelButtonLabel = cancelButtonText;\n  if (acceptButtonText) text.okButtonLabel = acceptButtonText;\n  return text;\n};\n","import React, { useMemo } from 'react';\nimport type { SxProps, Theme } from '@mui/material';\nimport { useTheme } from '@mui/material/styles';\nimport { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs';\nimport { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider';\nimport {\n  DateTimePicker as MuiDateTimePicker,\n  type DateTimePickerProps as MuiDateTimePickerProps,\n} from '@mui/x-date-pickers/DateTimePicker';\nimport { DateValidationError } from '@mui/x-date-pickers/models';\nimport { Dayjs } from 'dayjs';\nimport { Controller, type Control, type RegisterOptions } from 'react-hook-form';\n\nimport { buildDateTimePickerSx } from './DateTimePicker.sx';\nimport {\n  buildLocaleText,\n  getDateTimeValidationMessage,\n} from './DateTimePicker.helpers';\nimport { resolvePreset } from '../_shared/resolvePreset';\n\n// ── Tipos de dominio ─────────────────────────────────────────────────────\nexport type LabelPosition = 'outside' | 'floating';\nexport type DateTimePickerSize = 'small' | 'medium';\n\n// ── Props base ───────────────────────────────────────────────────────────\nexport interface BaseDateTimePickerProps\n  extends Omit<MuiDateTimePickerProps, 'value' | 'onChange' | 'slotProps' | 'format'> {\n  label?: string;\n  minDateTime?: Dayjs;\n  maxDateTime?: Dayjs;\n  disabled?: boolean;\n  readOnly?: boolean;\n  /** Formato de la fecha/hora. Default: 'DD/MM/YYYY HH:mm'. */\n  inputFormat?: string;\n  /** Border radius del input. Default: 10. */\n  borderRadius?: number | string;\n  /** \"outside\" (default) o \"floating\". */\n  labelPosition?: LabelPosition;\n  /** Tamaño del TextField. Default: 'small'. */\n  size?: DateTimePickerSize;\n  helperText?: string;\n  error?: boolean;\n  sx?: SxProps<Theme>;\n  className?: string;\n  /**\n   * Nombre del preset de estilo registrado en `theme.styles.DateTimePicker`.\n   * - `\"default\"` (o ausente) = estilo built-in del paquete.\n   * - Cualquier otro string = mergea el preset encima del estilo built-in.\n   */\n  preset?: string;\n  /** Locale del adaptador dayjs. */\n  adapterLocale?: string;\n  /** Textos de los botones del popover. */\n  clearButtonText?: string;\n  cancelButtonText?: string;\n  acceptButtonText?: string;\n  minutesStep?: number;\n  minTime?: Dayjs;\n  customClass?: string;\n  viewRenderers?: any;\n  timeSteps?: any;\n  /** Si es true usa formato 12h, false = 24h. Default: false. */\n  ampm?: boolean;\n  textFieldProps?: Record<string, any>;\n  /** Passthrough completo a slotProps del MuiDateTimePicker. */\n  slotProps?: MuiDateTimePickerProps['slotProps'];\n}\n\n// ── Variantes discriminadas (RHF vs controlado) ──────────────────────────\nexport interface RHFDateTimePickerProps extends BaseDateTimePickerProps {\n  name: string;\n  control: Control<any>;\n  validation?: RegisterOptions;\n  selectedDateTime?: never;\n  onDateTimeChange?: never;\n}\n\nexport interface ControlledDateTimePickerProps extends BaseDateTimePickerProps {\n  name?: string;\n  control?: never;\n  validation?: never;\n  selectedDateTime: Dayjs | null;\n  onDateTimeChange: (dateTime: Dayjs | null) => void;\n}\n\n// ── API pública final ────────────────────────────────────────────────────\nexport type DateTimePickerProps =\n  | RHFDateTimePickerProps\n  | ControlledDateTimePickerProps;\n\nexport const DateTimePicker: React.FC<DateTimePickerProps> = (props) => {\n  const {\n    label,\n    minDateTime,\n    maxDateTime,\n    disabled,\n    readOnly,\n    inputFormat,\n    borderRadius = 10,\n    labelPosition = 'outside',\n    size = 'small',\n    helperText,\n    error: errorProp,\n    sx,\n    className,\n    preset,\n    adapterLocale,\n    clearButtonText,\n    cancelButtonText,\n    acceptButtonText,\n    minutesStep,\n    minTime,\n    customClass,\n    viewRenderers,\n    timeSteps,\n    ampm = false,\n    textFieldProps,\n    slotProps: slotPropsProp,\n    ...rest\n  } = props as ControlledDateTimePickerProps & {\n    control?: Control<any>;\n    validation?: RegisterOptions;\n  };\n\n  const [validationError, setValidationError] = React.useState<DateValidationError | null>(null);\n\n  const validationErrorMessage = useMemo(\n    () => getDateTimeValidationMessage(validationError),\n    [validationError],\n  );\n\n  const customLocaleText = useMemo(\n    () => buildLocaleText(clearButtonText, cancelButtonText, acceptButtonText),\n    [clearButtonText, cancelButtonText, acceptButtonText],\n  );\n\n  const theme = useTheme();\n  const presetSx = resolvePreset('DateTimePicker', preset, theme);\n\n  const mergedSx = [\n    buildDateTimePickerSx(borderRadius, labelPosition),\n    ...(presetSx ? [presetSx] : []),\n    ...(Array.isArray(sx) ? sx : [sx]),\n  ];\n\n  const renderPicker = (\n    value: Dayjs | null,\n    onChange: (date: Dayjs | null) => void,\n    onBlur?: () => void,\n    inputRef?: React.Ref<any>,\n    rhfError?: boolean,\n    rhfHelperText?: string,\n  ) => {\n    const finalError = rhfError || !!validationErrorMessage || !!errorProp;\n    const finalHelperText = rhfHelperText || validationErrorMessage || helperText;\n\n    return (\n      <LocalizationProvider\n        dateAdapter={AdapterDayjs}\n        {...(adapterLocale ? { adapterLocale } : {})}\n      >\n        <MuiDateTimePicker\n          className={customClass || className}\n          label={label}\n          value={value}\n          onChange={onChange}\n          onError={setValidationError}\n          minDateTime={minDateTime}\n          maxDateTime={maxDateTime}\n          minutesStep={minutesStep}\n          disabled={disabled}\n          readOnly={readOnly}\n          minTime={minTime}\n          format={inputFormat ?? 'DD/MM/YYYY HH:mm'}\n          viewRenderers={viewRenderers}\n          timeSteps={timeSteps}\n          ampm={ampm}\n          sx={mergedSx}\n          slotProps={{\n            ...slotPropsProp,\n            textField: {\n              fullWidth: true,\n              size,\n              variant: 'outlined',\n              onBlur,\n              inputRef,\n              error: !!finalError,\n              helperText: finalHelperText,\n              ...(slotPropsProp?.textField as Record<string, any> | undefined),\n              ...textFieldProps,\n            } as any,\n          }}\n          localeText={customLocaleText}\n          {...(rest as any)}\n        />\n      </LocalizationProvider>\n    );\n  };\n\n  if ('control' in props && props.control) {\n    const { name, control, validation } = props as RHFDateTimePickerProps;\n    return (\n      <Controller\n        name={name}\n        control={control}\n        rules={validation}\n        render={({ field, fieldState: { error: fieldError } }) =>\n          renderPicker(\n            field.value ?? null,\n            field.onChange,\n            field.onBlur,\n            field.ref,\n            !!fieldError,\n            fieldError?.message,\n          )\n        }\n      />\n    );\n  }\n\n  const { selectedDateTime, onDateTimeChange } = props as ControlledDateTimePickerProps;\n  return renderPicker(selectedDateTime, onDateTimeChange);\n};\n\nexport default DateTimePicker;\n"],"names":["React","MuiDateTimePicker","_a"],"mappings":"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"}
+{"version":3,"file":"DateTimePicker.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/components/DateTimePicker/index.d.ts

@@ -1,2 +1,2 @@
 export { DateTimePicker, default } from './DateTimePicker';
-export type { DateTimePickerProps, BaseDateTimePickerProps, RHFDateTimePickerProps, ControlledDateTimePickerProps, LabelPosition, DateTimePickerSize, } from './DateTimePicker.types';
+export type { DateTimePickerProps, BaseDateTimePickerProps, RHFDateTimePickerProps, ControlledDateTimePickerProps, LabelPosition, DateTimePickerSize, } from './DateTimePicker';