@soyfri/shared-library 1.3.7 → 1.3.9

package/Button-C17mExpd.cjs

@@ -0,0 +1,63 @@
+"use strict";
+var __defProp = Object.defineProperty;
+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;
+};
+const jsxRuntime = require("react/jsx-runtime");
+const material = require("@mui/material");
+const Button = ({
+  children,
+  variant,
+  disabled,
+  startIcon,
+  endIcon,
+  size,
+  className,
+  onClick,
+  loading,
+  loadingPosition,
+  loadingIndicator,
+  color,
+  href,
+  "data-testid": dataTestId,
+  type,
+  sx
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    material.Button,
+    {
+      disabled,
+      variant,
+      startIcon,
+      endIcon,
+      size,
+      className,
+      onClick,
+      loading,
+      loadingPosition,
+      loadingIndicator,
+      sx: __spreadValues({ textTransform: "none" }, sx),
+      disableRipple: true,
+      disableElevation: true,
+      color,
+      "data-testid": dataTestId,
+      href,
+      type,
+      children
+    }
+  );
+};
+exports.Button = Button;
+//# sourceMappingURL=Button-C17mExpd.cjs.map

package/Button-C17mExpd.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button-C17mExpd.cjs","sources":["../src/components/Button/Button.tsx"],"sourcesContent":["import { Button as MuiButton } from \"@mui/material\";\nimport type { ButtonProps } from \"@mui/material/Button\";\nimport React from \"react\";\n\ntype PickButtonProps = Pick<ButtonProps, \"href\" | \"children\" | \"onClick\" | \"color\" | \"disabled\" | \"className\" | \"endIcon\" | \"startIcon\" | \"loading\" | \"loadingIndicator\" | \"variant\" | \"size\" | \"loadingPosition\" | \"type\" | \"sx\">;\n\nexport interface MyButtonProps extends PickButtonProps {\n  children?: React.ReactNode;\n  variant?: \"text\" | \"outlined\" | \"contained\";\n  disabled?: boolean;\n  endIcon?: React.ReactNode;\n  startIcon?: React.ReactNode;\n  size?: \"small\" | \"medium\" | \"large\";\n  className?: string;\n  onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  loading?: boolean;\n  loadingIndicator?: React.ReactNode;\n  loadingPosition?: \"start\" | \"end\" | \"center\";\n  color?: \"primary\" | \"success\" | \"error\" | \"info\" | \"warning\"; //change for tailwind  class colors\n  href?: string;\n  \"data-testid\"?: string;\n  type?: \"button\" | \"submit\" ;\n}\n\nexport const Button: React.FC<MyButtonProps> = ({\n  children,\n  variant,\n  disabled,\n  startIcon,\n  endIcon,\n  size,\n  className,\n  onClick,\n  loading,\n  loadingPosition,\n  loadingIndicator,\n  color,\n  href,\n  \"data-testid\": dataTestId,\n  type,\n  sx\n}) => {\n  return (\n    <MuiButton\n      disabled={disabled}\n      variant={variant}\n      startIcon={startIcon}\n      endIcon={endIcon}\n      size={size}\n      className={className}\n      onClick={onClick}\n      loading={loading}\n      loadingPosition={loadingPosition}\n      loadingIndicator={loadingIndicator}\n      sx={{ textTransform: \"none\", ...sx }}\n      disableRipple={true}\n      disableElevation={true}\n      color={color}\n      data-testid={dataTestId}\n      href={href}\n      type={type}\n    >\n      {children}\n    </MuiButton>);\n};\n\nexport default Button;"],"names":["jsx","MuiButton"],"mappings":";;;;;;;;;;;;;;;;;;;AAwBO,MAAM,SAAkC,CAAC;AAAA,EAC9C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAe;AAAA,EACf;AAAA,EACA;AACF,MAAM;AACJ,SACEA,2BAAAA;AAAAA,IAACC,SAAAA;AAAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,IAAI,iBAAE,eAAe,UAAW;AAAA,MAChC,eAAe;AAAA,MACf,kBAAkB;AAAA,MAClB;AAAA,MACA,eAAa;AAAA,MACb;AAAA,MACA;AAAA,MAEC;AAAA,IAAA;AAAA,EAAA;AAEP;;"}

package/Button-UkkP-bNw.js

@@ -0,0 +1,64 @@
+var __defProp = Object.defineProperty;
+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;
+};
+import { jsx } from "react/jsx-runtime";
+import { Button as Button$1 } from "@mui/material";
+const Button = ({
+  children,
+  variant,
+  disabled,
+  startIcon,
+  endIcon,
+  size,
+  className,
+  onClick,
+  loading,
+  loadingPosition,
+  loadingIndicator,
+  color,
+  href,
+  "data-testid": dataTestId,
+  type,
+  sx
+}) => {
+  return /* @__PURE__ */ jsx(
+    Button$1,
+    {
+      disabled,
+      variant,
+      startIcon,
+      endIcon,
+      size,
+      className,
+      onClick,
+      loading,
+      loadingPosition,
+      loadingIndicator,
+      sx: __spreadValues({ textTransform: "none" }, sx),
+      disableRipple: true,
+      disableElevation: true,
+      color,
+      "data-testid": dataTestId,
+      href,
+      type,
+      children
+    }
+  );
+};
+export {
+  Button as B
+};
+//# sourceMappingURL=Button-UkkP-bNw.js.map

package/Button-UkkP-bNw.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button-UkkP-bNw.js","sources":["../src/components/Button/Button.tsx"],"sourcesContent":["import { Button as MuiButton } from \"@mui/material\";\nimport type { ButtonProps } from \"@mui/material/Button\";\nimport React from \"react\";\n\ntype PickButtonProps = Pick<ButtonProps, \"href\" | \"children\" | \"onClick\" | \"color\" | \"disabled\" | \"className\" | \"endIcon\" | \"startIcon\" | \"loading\" | \"loadingIndicator\" | \"variant\" | \"size\" | \"loadingPosition\" | \"type\" | \"sx\">;\n\nexport interface MyButtonProps extends PickButtonProps {\n  children?: React.ReactNode;\n  variant?: \"text\" | \"outlined\" | \"contained\";\n  disabled?: boolean;\n  endIcon?: React.ReactNode;\n  startIcon?: React.ReactNode;\n  size?: \"small\" | \"medium\" | \"large\";\n  className?: string;\n  onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  loading?: boolean;\n  loadingIndicator?: React.ReactNode;\n  loadingPosition?: \"start\" | \"end\" | \"center\";\n  color?: \"primary\" | \"success\" | \"error\" | \"info\" | \"warning\"; //change for tailwind  class colors\n  href?: string;\n  \"data-testid\"?: string;\n  type?: \"button\" | \"submit\" ;\n}\n\nexport const Button: React.FC<MyButtonProps> = ({\n  children,\n  variant,\n  disabled,\n  startIcon,\n  endIcon,\n  size,\n  className,\n  onClick,\n  loading,\n  loadingPosition,\n  loadingIndicator,\n  color,\n  href,\n  \"data-testid\": dataTestId,\n  type,\n  sx\n}) => {\n  return (\n    <MuiButton\n      disabled={disabled}\n      variant={variant}\n      startIcon={startIcon}\n      endIcon={endIcon}\n      size={size}\n      className={className}\n      onClick={onClick}\n      loading={loading}\n      loadingPosition={loadingPosition}\n      loadingIndicator={loadingIndicator}\n      sx={{ textTransform: \"none\", ...sx }}\n      disableRipple={true}\n      disableElevation={true}\n      color={color}\n      data-testid={dataTestId}\n      href={href}\n      type={type}\n    >\n      {children}\n    </MuiButton>);\n};\n\nexport default Button;"],"names":["MuiButton"],"mappings":";;;;;;;;;;;;;;;;;;AAwBO,MAAM,SAAkC,CAAC;AAAA,EAC9C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAe;AAAA,EACf;AAAA,EACA;AACF,MAAM;AACJ,SACE;AAAA,IAACA;AAAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,IAAI,iBAAE,eAAe,UAAW;AAAA,MAChC,eAAe;AAAA,MACf,kBAAkB;AAAA,MAClB;AAAA,MACA,eAAa;AAAA,MACb;AAAA,MACA;AAAA,MAEC;AAAA,IAAA;AAAA,EAAA;AAEP;"}

package/DatePicker-BS543Ayk.js

@@ -0,0 +1,177 @@
+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 { AdapterDayjs } from "@mui/x-date-pickers/AdapterDayjs";
+import { LocalizationProvider } from "@mui/x-date-pickers/LocalizationProvider";
+import { DatePicker as DatePicker$1 } from "@mui/x-date-pickers/DatePicker";
+import { styled } from "@mui/system";
+import { TextField, Box } from "@mui/material";
+const StyledTextField = styled(TextField)(({ theme }) => ({
+  "& .MuiInputBase-root": {
+    maxHeight: "34px",
+    padding: "8px 10px",
+    borderRadius: "10px",
+    display: "flex",
+    alignItems: "center",
+    fontSize: "14px"
+  },
+  "& .MuiInputBase-input": {
+    padding: "0 !important",
+    height: "18px",
+    display: "flex",
+    alignItems: "center",
+    marginTop: "-4px"
+  },
+  "& .MuiInputLabel-root": {
+    top: "50%",
+    transform: "translate(14px, -50%)",
+    "&.MuiInputLabel-shrink": {
+      transform: "translate(1px, -200%) scale(0.75)",
+      fontSize: "16px !important",
+      "> legend": {
+        display: "none"
+      }
+    }
+  },
+  "& .MuiOutlinedInput-notchedOutline": {
+    border: "0.7px solid",
+    borderColor: "#e0e0e0"
+  }
+}));
+const DatePicker = (_a) => {
+  var _b = _a, {
+    label,
+    selectedDate,
+    onDateChange,
+    minDate,
+    maxDate,
+    disabled,
+    readOnly,
+    slotProps
+  } = _b, rest = __objRest(_b, [
+    "label",
+    "selectedDate",
+    "onDateChange",
+    "minDate",
+    "maxDate",
+    "disabled",
+    "readOnly",
+    "slotProps"
+  ]);
+  var _a2, _b2, _c;
+  const [error, setError] = React__default.useState(null);
+  const errorMessage = useMemo(() => {
+    switch (error) {
+      case "minDate":
+      case "maxDate": {
+        return "Fecha fuera del rango permitido";
+      }
+      case "invalidDate": {
+        return "Formato de fecha inválido";
+      }
+      case "disableFuture": {
+        return "No se permiten fechas futuras";
+      }
+      case "disablePast": {
+        return "No se permiten fechas pasadas";
+      }
+      default: {
+        return "";
+      }
+    }
+  }, [error]);
+  return /* @__PURE__ */ jsx(LocalizationProvider, { dateAdapter: AdapterDayjs, children: /* @__PURE__ */ jsx(
+    Box,
+    {
+      sx: {
+        width: "100%",
+        display: "grid",
+        marginBottom: "10px",
+        marginTop: "10px"
+      },
+      children: /* @__PURE__ */ jsx(
+        DatePicker$1,
+        __spreadValues({
+          label,
+          value: selectedDate,
+          onChange: onDateChange,
+          minDate,
+          maxDate,
+          onError: (newError) => setError(newError),
+          disabled,
+          readOnly,
+          className: "date-picker-custom",
+          sx: {
+            "& .MuiPickersInputBase-root, .MuiPickersOutlinedInput-root": {
+              maxHeight: "28px",
+              borderRadius: "10px"
+            },
+            // 3. Sobreescribir el label para que esté centrado verticalmente
+            "& .MuiInputLabel-root": {
+              // El label se alinea con el padding del input base.
+              top: "50%",
+              transform: "translate(14px, -50%)",
+              // Estilo para el label "encogido" cuando el input está lleno o en foco
+              "&.MuiInputLabel-shrink": {
+                transform: "translate(1px, -200%) scale(0.75)",
+                // Ajustar la posición para que se vea por encima del input
+                fontSize: "16px !important",
+                "> legend": {
+                  display: "none"
+                  // Ocultar el legend del outline
+                }
+              }
+            },
+            "& .MuiPickersInputBase-root > fieldset > legend": {
+              display: "none"
+              // Ocultar el legend del outline
+            }
+          },
+          slotProps: __spreadProps(__spreadValues({}, slotProps), {
+            textField: __spreadProps(__spreadValues({}, slotProps == null ? void 0 : slotProps.textField), {
+              helperText: errorMessage || ((_a2 = slotProps == null ? void 0 : slotProps.textField) == null ? void 0 : _a2.helperText),
+              error: !!errorMessage || ((_b2 = slotProps == null ? void 0 : slotProps.textField) == null ? void 0 : _b2.error),
+              InputProps: __spreadProps(__spreadValues({}, (_c = slotProps == null ? void 0 : slotProps.textField) == null ? void 0 : _c.InputProps), {
+                inputComponent: StyledTextField
+              })
+            })
+          })
+        }, rest)
+      )
+    }
+  ) });
+};
+export {
+  DatePicker as D
+};
+//# sourceMappingURL=DatePicker-BS543Ayk.js.map

package/DatePicker-BS543Ayk.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker-BS543Ayk.js","sources":["../src/components/DatePicker/DatePicker.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs';\nimport { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider';\nimport { DatePicker as MuiDatePicker } from '@mui/x-date-pickers/DatePicker';\nimport { DateValidationError } from '@mui/x-date-pickers/models';\nimport { Dayjs } from 'dayjs';\nimport { styled } from '@mui/system';\nimport { Box, TextField, TextFieldProps } from '@mui/material';\n\n// Define las props para el CustomDatePicker\ninterface DatePickerProps {\n  label: string;\n  selectedDate: Dayjs | null;\n  onDateChange: (date: Dayjs | null) => void;\n  minDate?: Dayjs;\n  maxDate?: Dayjs;\n  disabled?: boolean;\n  readOnly?: boolean;\n  slotProps?: any;\n}\n\n// 1. Reutilizar el componente estilizado del Input\n// El DatePicker renderiza un TextField por dentro, así que podemos usar el mismo componente estilizado.\nconst StyledTextField = styled(TextField)(({ theme }) => ({\n  '& .MuiInputBase-root': {\n    maxHeight: '34px',\n    padding: '8px 10px',\n    borderRadius: '10px',\n    display: 'flex',\n    alignItems: 'center',\n    fontSize: '14px',\n  },\n  '& .MuiInputBase-input': {\n    padding: '0 !important',\n    height: '18px',\n    display: 'flex',\n    alignItems: 'center',\n    marginTop: '-4px'\n  },\n  '& .MuiInputLabel-root': {\n    top: '50%',\n    transform: 'translate(14px, -50%)',\n    '&.MuiInputLabel-shrink': {\n      transform: 'translate(1px, -200%) scale(0.75)',\n      fontSize: '16px !important',\n      '> legend': {\n        display: 'none',\n      }\n    },\n  },\n  '& .MuiOutlinedInput-notchedOutline': {\n    border: '0.7px solid',\n    borderColor: '#e0e0e0',\n  },\n}));\n\n/**\n * Componente de DatePicker personalizado de Material UI.\n * Permite seleccionar una fecha y actualiza un estado Dayjs.\n */\nexport const DatePicker: React.FC<DatePickerProps> = ({\n  label,\n  selectedDate,\n  onDateChange,\n  minDate,\n  maxDate,\n  disabled,\n  readOnly,\n  slotProps,\n  ...rest\n}) => {\n  const [error, setError] = React.useState<DateValidationError | null>(null);\n\n  const errorMessage = useMemo(() => {\n    switch (error) {\n      case 'minDate':\n      case 'maxDate': {\n        return 'Fecha fuera del rango permitido';\n      }\n      case 'invalidDate': {\n        return 'Formato de fecha inválido';\n      }\n      case 'disableFuture': {\n        return 'No se permiten fechas futuras';\n      }\n      case 'disablePast': {\n        return 'No se permiten fechas pasadas';\n      }\n      default: {\n        return '';\n      }\n    }\n  }, [error]);\n\n  return (\n    <LocalizationProvider dateAdapter={AdapterDayjs}>\n      <Box\n          sx={{\n              width: '100%',\n              display: 'grid',\n              marginBottom: '10px',\n              marginTop: '10px'\n          }}\n\n      >\n        <MuiDatePicker\n          label={label}\n          value={selectedDate}\n          onChange={onDateChange}\n          minDate={minDate}\n          maxDate={maxDate}\n          onError={(newError) => setError(newError)}\n          disabled={disabled}\n          readOnly={readOnly}\n          className='date-picker-custom'\n          sx={{\n            \n            \n            '& .MuiPickersInputBase-root, .MuiPickersOutlinedInput-root': {\n              maxHeight: '28px',\n              borderRadius: '10px'\n            },\n\n            // 3. Sobreescribir el label para que esté centrado verticalmente\n            '& .MuiInputLabel-root': {\n              // El label se alinea con el padding del input base.\n              top: '50%',\n              transform: 'translate(14px, -50%)',\n              \n              // Estilo para el label \"encogido\" cuando el input está lleno o en foco\n              '&.MuiInputLabel-shrink': {\n                transform: 'translate(1px, -200%) scale(0.75)', // Ajustar la posición para que se vea por encima del input\n                fontSize: '16px !important',\n                '> legend': {\n                  display: 'none', // Ocultar el legend del outline\n                }\n              },\n            },\n            '& .MuiPickersInputBase-root > fieldset > legend':{\n              display: 'none', // Ocultar el legend del outline\n            },\n\n          }}\n          // 2. Usar 'slotProps' para pasar el componente estilizado al TextField\n          slotProps={{\n            ...slotProps,\n            textField: {\n              ...slotProps?.textField,\n              helperText: errorMessage || slotProps?.textField?.helperText,\n              error: !!errorMessage || slotProps?.textField?.error,\n              InputProps: {\n                ...slotProps?.textField?.InputProps,\n                inputComponent: StyledTextField,\n              },\n            },\n          }}\n          {...rest}\n        />\n      </Box>\n    </LocalizationProvider>\n  );\n};\n\nexport default DatePicker;"],"names":["React","MuiDatePicker","_a","_b"],"mappings":"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"}

package/DatePicker-BXdDk2g_.cjs

@@ -0,0 +1,176 @@
+"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;
+};
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const AdapterDayjs = require("@mui/x-date-pickers/AdapterDayjs");
+const LocalizationProvider = require("@mui/x-date-pickers/LocalizationProvider");
+const DatePicker$1 = require("@mui/x-date-pickers/DatePicker");
+const system = require("@mui/system");
+const material = require("@mui/material");
+const StyledTextField = system.styled(material.TextField)(({ theme }) => ({
+  "& .MuiInputBase-root": {
+    maxHeight: "34px",
+    padding: "8px 10px",
+    borderRadius: "10px",
+    display: "flex",
+    alignItems: "center",
+    fontSize: "14px"
+  },
+  "& .MuiInputBase-input": {
+    padding: "0 !important",
+    height: "18px",
+    display: "flex",
+    alignItems: "center",
+    marginTop: "-4px"
+  },
+  "& .MuiInputLabel-root": {
+    top: "50%",
+    transform: "translate(14px, -50%)",
+    "&.MuiInputLabel-shrink": {
+      transform: "translate(1px, -200%) scale(0.75)",
+      fontSize: "16px !important",
+      "> legend": {
+        display: "none"
+      }
+    }
+  },
+  "& .MuiOutlinedInput-notchedOutline": {
+    border: "0.7px solid",
+    borderColor: "#e0e0e0"
+  }
+}));
+const DatePicker = (_a) => {
+  var _b = _a, {
+    label,
+    selectedDate,
+    onDateChange,
+    minDate,
+    maxDate,
+    disabled,
+    readOnly,
+    slotProps
+  } = _b, rest = __objRest(_b, [
+    "label",
+    "selectedDate",
+    "onDateChange",
+    "minDate",
+    "maxDate",
+    "disabled",
+    "readOnly",
+    "slotProps"
+  ]);
+  var _a2, _b2, _c;
+  const [error, setError] = React.useState(null);
+  const errorMessage = React.useMemo(() => {
+    switch (error) {
+      case "minDate":
+      case "maxDate": {
+        return "Fecha fuera del rango permitido";
+      }
+      case "invalidDate": {
+        return "Formato de fecha inválido";
+      }
+      case "disableFuture": {
+        return "No se permiten fechas futuras";
+      }
+      case "disablePast": {
+        return "No se permiten fechas pasadas";
+      }
+      default: {
+        return "";
+      }
+    }
+  }, [error]);
+  return /* @__PURE__ */ jsxRuntime.jsx(LocalizationProvider.LocalizationProvider, { dateAdapter: AdapterDayjs.AdapterDayjs, children: /* @__PURE__ */ jsxRuntime.jsx(
+    material.Box,
+    {
+      sx: {
+        width: "100%",
+        display: "grid",
+        marginBottom: "10px",
+        marginTop: "10px"
+      },
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        DatePicker$1.DatePicker,
+        __spreadValues({
+          label,
+          value: selectedDate,
+          onChange: onDateChange,
+          minDate,
+          maxDate,
+          onError: (newError) => setError(newError),
+          disabled,
+          readOnly,
+          className: "date-picker-custom",
+          sx: {
+            "& .MuiPickersInputBase-root, .MuiPickersOutlinedInput-root": {
+              maxHeight: "28px",
+              borderRadius: "10px"
+            },
+            // 3. Sobreescribir el label para que esté centrado verticalmente
+            "& .MuiInputLabel-root": {
+              // El label se alinea con el padding del input base.
+              top: "50%",
+              transform: "translate(14px, -50%)",
+              // Estilo para el label "encogido" cuando el input está lleno o en foco
+              "&.MuiInputLabel-shrink": {
+                transform: "translate(1px, -200%) scale(0.75)",
+                // Ajustar la posición para que se vea por encima del input
+                fontSize: "16px !important",
+                "> legend": {
+                  display: "none"
+                  // Ocultar el legend del outline
+                }
+              }
+            },
+            "& .MuiPickersInputBase-root > fieldset > legend": {
+              display: "none"
+              // Ocultar el legend del outline
+            }
+          },
+          slotProps: __spreadProps(__spreadValues({}, slotProps), {
+            textField: __spreadProps(__spreadValues({}, slotProps == null ? void 0 : slotProps.textField), {
+              helperText: errorMessage || ((_a2 = slotProps == null ? void 0 : slotProps.textField) == null ? void 0 : _a2.helperText),
+              error: !!errorMessage || ((_b2 = slotProps == null ? void 0 : slotProps.textField) == null ? void 0 : _b2.error),
+              InputProps: __spreadProps(__spreadValues({}, (_c = slotProps == null ? void 0 : slotProps.textField) == null ? void 0 : _c.InputProps), {
+                inputComponent: StyledTextField
+              })
+            })
+          })
+        }, rest)
+      )
+    }
+  ) });
+};
+exports.DatePicker = DatePicker;
+//# sourceMappingURL=DatePicker-BXdDk2g_.cjs.map

package/DatePicker-BXdDk2g_.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker-BXdDk2g_.cjs","sources":["../src/components/DatePicker/DatePicker.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs';\nimport { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider';\nimport { DatePicker as MuiDatePicker } from '@mui/x-date-pickers/DatePicker';\nimport { DateValidationError } from '@mui/x-date-pickers/models';\nimport { Dayjs } from 'dayjs';\nimport { styled } from '@mui/system';\nimport { Box, TextField, TextFieldProps } from '@mui/material';\n\n// Define las props para el CustomDatePicker\ninterface DatePickerProps {\n  label: string;\n  selectedDate: Dayjs | null;\n  onDateChange: (date: Dayjs | null) => void;\n  minDate?: Dayjs;\n  maxDate?: Dayjs;\n  disabled?: boolean;\n  readOnly?: boolean;\n  slotProps?: any;\n}\n\n// 1. Reutilizar el componente estilizado del Input\n// El DatePicker renderiza un TextField por dentro, así que podemos usar el mismo componente estilizado.\nconst StyledTextField = styled(TextField)(({ theme }) => ({\n  '& .MuiInputBase-root': {\n    maxHeight: '34px',\n    padding: '8px 10px',\n    borderRadius: '10px',\n    display: 'flex',\n    alignItems: 'center',\n    fontSize: '14px',\n  },\n  '& .MuiInputBase-input': {\n    padding: '0 !important',\n    height: '18px',\n    display: 'flex',\n    alignItems: 'center',\n    marginTop: '-4px'\n  },\n  '& .MuiInputLabel-root': {\n    top: '50%',\n    transform: 'translate(14px, -50%)',\n    '&.MuiInputLabel-shrink': {\n      transform: 'translate(1px, -200%) scale(0.75)',\n      fontSize: '16px !important',\n      '> legend': {\n        display: 'none',\n      }\n    },\n  },\n  '& .MuiOutlinedInput-notchedOutline': {\n    border: '0.7px solid',\n    borderColor: '#e0e0e0',\n  },\n}));\n\n/**\n * Componente de DatePicker personalizado de Material UI.\n * Permite seleccionar una fecha y actualiza un estado Dayjs.\n */\nexport const DatePicker: React.FC<DatePickerProps> = ({\n  label,\n  selectedDate,\n  onDateChange,\n  minDate,\n  maxDate,\n  disabled,\n  readOnly,\n  slotProps,\n  ...rest\n}) => {\n  const [error, setError] = React.useState<DateValidationError | null>(null);\n\n  const errorMessage = useMemo(() => {\n    switch (error) {\n      case 'minDate':\n      case 'maxDate': {\n        return 'Fecha fuera del rango permitido';\n      }\n      case 'invalidDate': {\n        return 'Formato de fecha inválido';\n      }\n      case 'disableFuture': {\n        return 'No se permiten fechas futuras';\n      }\n      case 'disablePast': {\n        return 'No se permiten fechas pasadas';\n      }\n      default: {\n        return '';\n      }\n    }\n  }, [error]);\n\n  return (\n    <LocalizationProvider dateAdapter={AdapterDayjs}>\n      <Box\n          sx={{\n              width: '100%',\n              display: 'grid',\n              marginBottom: '10px',\n              marginTop: '10px'\n          }}\n\n      >\n        <MuiDatePicker\n          label={label}\n          value={selectedDate}\n          onChange={onDateChange}\n          minDate={minDate}\n          maxDate={maxDate}\n          onError={(newError) => setError(newError)}\n          disabled={disabled}\n          readOnly={readOnly}\n          className='date-picker-custom'\n          sx={{\n            \n            \n            '& .MuiPickersInputBase-root, .MuiPickersOutlinedInput-root': {\n              maxHeight: '28px',\n              borderRadius: '10px'\n            },\n\n            // 3. Sobreescribir el label para que esté centrado verticalmente\n            '& .MuiInputLabel-root': {\n              // El label se alinea con el padding del input base.\n              top: '50%',\n              transform: 'translate(14px, -50%)',\n              \n              // Estilo para el label \"encogido\" cuando el input está lleno o en foco\n              '&.MuiInputLabel-shrink': {\n                transform: 'translate(1px, -200%) scale(0.75)', // Ajustar la posición para que se vea por encima del input\n                fontSize: '16px !important',\n                '> legend': {\n                  display: 'none', // Ocultar el legend del outline\n                }\n              },\n            },\n            '& .MuiPickersInputBase-root > fieldset > legend':{\n              display: 'none', // Ocultar el legend del outline\n            },\n\n          }}\n          // 2. Usar 'slotProps' para pasar el componente estilizado al TextField\n          slotProps={{\n            ...slotProps,\n            textField: {\n              ...slotProps?.textField,\n              helperText: errorMessage || slotProps?.textField?.helperText,\n              error: !!errorMessage || slotProps?.textField?.error,\n              InputProps: {\n                ...slotProps?.textField?.InputProps,\n                inputComponent: StyledTextField,\n              },\n            },\n          }}\n          {...rest}\n        />\n      </Box>\n    </LocalizationProvider>\n  );\n};\n\nexport default DatePicker;"],"names":["styled","TextField","useMemo","jsx","LocalizationProvider","AdapterDayjs","Box","MuiDatePicker","_a","_b"],"mappings":"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"}