@soyfri/shared-library 2.0.0-beta.15 → 2.0.0-beta.17
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/index.cjs +0 -2
- package/index.cjs.map +1 -1
- package/index.d.ts +0 -1
- package/index.js +2 -4
- package/index.js.map +1 -1
- package/package.json +1 -10
- package/DateRangePicker-BVpeJCHI.js +0 -76
- package/DateRangePicker-BVpeJCHI.js.map +0 -1
- package/DateRangePicker-B_hKQhbj.cjs +0 -75
- package/DateRangePicker-B_hKQhbj.cjs.map +0 -1
- package/components/DateRangePicker/DateRangePicker.cjs +0 -5
- package/components/DateRangePicker/DateRangePicker.cjs.map +0 -1
- package/components/DateRangePicker/DateRangePicker.d.ts +0 -15
- package/components/DateRangePicker/DateRangePicker.definitions.d.ts +0 -6
- package/components/DateRangePicker/DateRangePicker.js +0 -5
- package/components/DateRangePicker/DateRangePicker.js.map +0 -1
- package/components/DateRangePicker/index.d.ts +0 -1
- package/components/DateRangePicker.d.ts +0 -2
package/index.cjs
CHANGED
|
@@ -21,7 +21,6 @@ const Switch = require("./Switch-CQFOopYy.cjs");
|
|
|
21
21
|
const RadioGroup = require("./RadioGroup-Dd0rHXSX.cjs");
|
|
22
22
|
const Checkbox = require("./Checkbox-BCqMFWt4.cjs");
|
|
23
23
|
const DatePicker = require("./DatePicker-CtCFqXDw.cjs");
|
|
24
|
-
const DateRangePicker = require("./DateRangePicker-B_hKQhbj.cjs");
|
|
25
24
|
const DateTimePicker = require("./DateTimePicker-CTnRQCZo.cjs");
|
|
26
25
|
function scrollToTop({
|
|
27
26
|
behavior = "smooth",
|
|
@@ -186,7 +185,6 @@ exports.Switch = Switch.Switch;
|
|
|
186
185
|
exports.RadioGroup = RadioGroup.RadioGroup;
|
|
187
186
|
exports.Checkbox = Checkbox.Checkbox;
|
|
188
187
|
exports.DatePicker = DatePicker.DatePicker;
|
|
189
|
-
exports.DateRangePicker = DateRangePicker.DateRangePicker;
|
|
190
188
|
exports.DateTimePicker = DateTimePicker.DateTimePicker;
|
|
191
189
|
exports.scrollToTop = scrollToTop;
|
|
192
190
|
//# sourceMappingURL=index.cjs.map
|
package/index.cjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs","sources":["../src/utils/scrollToTop.ts"],"sourcesContent":["export interface ScrollToTopOptions {\n /** Comportamiento del scroll. Default: `'smooth'`. */\n behavior?: ScrollBehavior;\n /**\n * Elemento target del scroll. Default: `window`. Útil cuando el contenedor\n * scrolleable NO es `window` (p.ej. un `<Box>` con `overflow: auto`).\n */\n target?: Window | HTMLElement;\n /** Offset desde el top. Default: `0`. */\n top?: number;\n}\n\n/**\n * Hace scroll al tope (por default con animación suave). Safe en SSR — si\n * `window` no existe, es un no-op.\n *\n * Llamar tras mutaciones / cambios de filtros / apertura de modales para\n * asegurar que el usuario vea el mensaje de confirmación en la parte\n * superior de la página.\n *\n * ```ts\n * import { scrollToTop } from '@soyfri/shared-library';\n *\n * scrollToTop(); // window, smooth\n * scrollToTop({ behavior: 'auto' }); // window, instantáneo\n * scrollToTop({ target: myScrollableRef.current }); // container custom\n * ```\n */\nexport function scrollToTop({\n behavior = 'smooth',\n target = typeof window !== 'undefined' ? window : undefined,\n top = 0,\n}: ScrollToTopOptions = {}): void {\n if (!target) return;\n target.scrollTo({ top, left: 0, behavior });\n}\n"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.cjs","sources":["../src/utils/scrollToTop.ts"],"sourcesContent":["export interface ScrollToTopOptions {\n /** Comportamiento del scroll. Default: `'smooth'`. */\n behavior?: ScrollBehavior;\n /**\n * Elemento target del scroll. Default: `window`. Útil cuando el contenedor\n * scrolleable NO es `window` (p.ej. un `<Box>` con `overflow: auto`).\n */\n target?: Window | HTMLElement;\n /** Offset desde el top. Default: `0`. */\n top?: number;\n}\n\n/**\n * Hace scroll al tope (por default con animación suave). Safe en SSR — si\n * `window` no existe, es un no-op.\n *\n * Llamar tras mutaciones / cambios de filtros / apertura de modales para\n * asegurar que el usuario vea el mensaje de confirmación en la parte\n * superior de la página.\n *\n * ```ts\n * import { scrollToTop } from '@soyfri/shared-library';\n *\n * scrollToTop(); // window, smooth\n * scrollToTop({ behavior: 'auto' }); // window, instantáneo\n * scrollToTop({ target: myScrollableRef.current }); // container custom\n * ```\n */\nexport function scrollToTop({\n behavior = 'smooth',\n target = typeof window !== 'undefined' ? window : undefined,\n top = 0,\n}: ScrollToTopOptions = {}): void {\n if (!target) return;\n target.scrollTo({ top, left: 0, behavior });\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AA4BO,SAAS,YAAY;AAAA,EAC1B,WAAW;AAAA,EACX,SAAS,OAAO,WAAW,cAAc,SAAS;AAAA,EAClD,MAAM;AACR,IAAwB,IAAU;AAChC,MAAI,CAAC,OAAQ;AACb,SAAO,SAAS,EAAE,KAAK,MAAM,GAAG,UAAU;AAC5C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/index.d.ts
CHANGED
|
@@ -31,6 +31,5 @@ export { Checkbox } from './components/Checkbox';
|
|
|
31
31
|
export type { CheckboxProps, BaseCheckboxProps } from './components/Checkbox';
|
|
32
32
|
export { DatePicker } from './components/DatePicker';
|
|
33
33
|
export type { DatePickerProps } from './components/DatePicker';
|
|
34
|
-
export { DateRangePicker } from './components/DateRangePicker';
|
|
35
34
|
export { DateTimePicker } from './components/DateTimePicker';
|
|
36
35
|
export type { DateTimePickerProps } from './components/DateTimePicker';
|
package/index.js
CHANGED
|
@@ -19,8 +19,7 @@ import { S as S5 } from "./Switch-D72dpkH2.js";
|
|
|
19
19
|
import { R } from "./RadioGroup-bO-ahP9T.js";
|
|
20
20
|
import { C as C3 } from "./Checkbox-gB5YKkVo.js";
|
|
21
21
|
import { D as D2 } from "./DatePicker-D0Bz9Ryg.js";
|
|
22
|
-
import { D as D3 } from "./
|
|
23
|
-
import { D as D4 } from "./DateTimePicker-77w-9TP5.js";
|
|
22
|
+
import { D as D3 } from "./DateTimePicker-77w-9TP5.js";
|
|
24
23
|
import './index.css';function scrollToTop({
|
|
25
24
|
behavior = "smooth",
|
|
26
25
|
target = typeof window !== "undefined" ? window : void 0,
|
|
@@ -47,8 +46,7 @@ export {
|
|
|
47
46
|
Container,
|
|
48
47
|
D as DEFAULT_PRESET_NAME,
|
|
49
48
|
D2 as DatePicker,
|
|
50
|
-
D3 as
|
|
51
|
-
D4 as DateTimePicker,
|
|
49
|
+
D3 as DateTimePicker,
|
|
52
50
|
Divider,
|
|
53
51
|
Fade,
|
|
54
52
|
Grid,
|
package/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../src/utils/scrollToTop.ts"],"sourcesContent":["export interface ScrollToTopOptions {\n /** Comportamiento del scroll. Default: `'smooth'`. */\n behavior?: ScrollBehavior;\n /**\n * Elemento target del scroll. Default: `window`. Útil cuando el contenedor\n * scrolleable NO es `window` (p.ej. un `<Box>` con `overflow: auto`).\n */\n target?: Window | HTMLElement;\n /** Offset desde el top. Default: `0`. */\n top?: number;\n}\n\n/**\n * Hace scroll al tope (por default con animación suave). Safe en SSR — si\n * `window` no existe, es un no-op.\n *\n * Llamar tras mutaciones / cambios de filtros / apertura de modales para\n * asegurar que el usuario vea el mensaje de confirmación en la parte\n * superior de la página.\n *\n * ```ts\n * import { scrollToTop } from '@soyfri/shared-library';\n *\n * scrollToTop(); // window, smooth\n * scrollToTop({ behavior: 'auto' }); // window, instantáneo\n * scrollToTop({ target: myScrollableRef.current }); // container custom\n * ```\n */\nexport function scrollToTop({\n behavior = 'smooth',\n target = typeof window !== 'undefined' ? window : undefined,\n top = 0,\n}: ScrollToTopOptions = {}): void {\n if (!target) return;\n target.scrollTo({ top, left: 0, behavior });\n}\n"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../src/utils/scrollToTop.ts"],"sourcesContent":["export interface ScrollToTopOptions {\n /** Comportamiento del scroll. Default: `'smooth'`. */\n behavior?: ScrollBehavior;\n /**\n * Elemento target del scroll. Default: `window`. Útil cuando el contenedor\n * scrolleable NO es `window` (p.ej. un `<Box>` con `overflow: auto`).\n */\n target?: Window | HTMLElement;\n /** Offset desde el top. Default: `0`. */\n top?: number;\n}\n\n/**\n * Hace scroll al tope (por default con animación suave). Safe en SSR — si\n * `window` no existe, es un no-op.\n *\n * Llamar tras mutaciones / cambios de filtros / apertura de modales para\n * asegurar que el usuario vea el mensaje de confirmación en la parte\n * superior de la página.\n *\n * ```ts\n * import { scrollToTop } from '@soyfri/shared-library';\n *\n * scrollToTop(); // window, smooth\n * scrollToTop({ behavior: 'auto' }); // window, instantáneo\n * scrollToTop({ target: myScrollableRef.current }); // container custom\n * ```\n */\nexport function scrollToTop({\n behavior = 'smooth',\n target = typeof window !== 'undefined' ? window : undefined,\n top = 0,\n}: ScrollToTopOptions = {}): void {\n if (!target) return;\n target.scrollTo({ top, left: 0, behavior });\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AA4BO,SAAS,YAAY;AAAA,EAC1B,WAAW;AAAA,EACX,SAAS,OAAO,WAAW,cAAc,SAAS;AAAA,EAClD,MAAM;AACR,IAAwB,IAAU;AAChC,MAAI,CAAC,OAAQ;AACb,SAAO,SAAS,EAAE,KAAK,MAAM,GAAG,UAAU;AAC5C;"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@soyfri/shared-library",
|
|
3
|
-
"version": "2.0.0-beta.
|
|
3
|
+
"version": "2.0.0-beta.17",
|
|
4
4
|
"main": "./index.cjs",
|
|
5
5
|
"module": "./index.js",
|
|
6
6
|
"types": "./index.d.ts",
|
|
@@ -17,16 +17,12 @@
|
|
|
17
17
|
"@mui/lab": ">=7.0.0-beta.0",
|
|
18
18
|
"@mui/material": ">=7.0.0",
|
|
19
19
|
"@mui/x-date-pickers": ">=8.0.0",
|
|
20
|
-
"@mui/x-date-pickers-pro": ">=8.0.0",
|
|
21
20
|
"dayjs": ">=1.0.0",
|
|
22
21
|
"react-hook-form": ">=7.0.0"
|
|
23
22
|
},
|
|
24
23
|
"peerDependenciesMeta": {
|
|
25
24
|
"@mui/lab": {
|
|
26
25
|
"optional": true
|
|
27
|
-
},
|
|
28
|
-
"@mui/x-date-pickers-pro": {
|
|
29
|
-
"optional": true
|
|
30
26
|
}
|
|
31
27
|
},
|
|
32
28
|
"exports": {
|
|
@@ -131,11 +127,6 @@
|
|
|
131
127
|
"require": "./components/DateTimePicker/DateTimePicker.cjs",
|
|
132
128
|
"types": "./components/DateTimePicker/index.d.ts"
|
|
133
129
|
},
|
|
134
|
-
"./components/DateRangePicker": {
|
|
135
|
-
"import": "./components/DateRangePicker/DateRangePicker.js",
|
|
136
|
-
"require": "./components/DateRangePicker/DateRangePicker.cjs",
|
|
137
|
-
"types": "./components/DateRangePicker/index.d.ts"
|
|
138
|
-
},
|
|
139
130
|
"./components/DatePicker": {
|
|
140
131
|
"import": "./components/DatePicker/DatePicker.js",
|
|
141
132
|
"require": "./components/DatePicker/DatePicker.cjs",
|
|
@@ -1,76 +0,0 @@
|
|
|
1
|
-
var __defProp = Object.defineProperty;
|
|
2
|
-
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
3
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
4
|
-
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
5
|
-
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
6
|
-
var __spreadValues = (a, b) => {
|
|
7
|
-
for (var prop in b || (b = {}))
|
|
8
|
-
if (__hasOwnProp.call(b, prop))
|
|
9
|
-
__defNormalProp(a, prop, b[prop]);
|
|
10
|
-
if (__getOwnPropSymbols)
|
|
11
|
-
for (var prop of __getOwnPropSymbols(b)) {
|
|
12
|
-
if (__propIsEnum.call(b, prop))
|
|
13
|
-
__defNormalProp(a, prop, b[prop]);
|
|
14
|
-
}
|
|
15
|
-
return a;
|
|
16
|
-
};
|
|
17
|
-
var __objRest = (source, exclude) => {
|
|
18
|
-
var target = {};
|
|
19
|
-
for (var prop in source)
|
|
20
|
-
if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
21
|
-
target[prop] = source[prop];
|
|
22
|
-
if (source != null && __getOwnPropSymbols)
|
|
23
|
-
for (var prop of __getOwnPropSymbols(source)) {
|
|
24
|
-
if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
|
|
25
|
-
target[prop] = source[prop];
|
|
26
|
-
}
|
|
27
|
-
return target;
|
|
28
|
-
};
|
|
29
|
-
import { jsx } from "react/jsx-runtime";
|
|
30
|
-
import { AdapterDayjs } from "@mui/x-date-pickers/AdapterDayjs";
|
|
31
|
-
import { LocalizationProvider } from "@mui/x-date-pickers/LocalizationProvider";
|
|
32
|
-
import { DateRangePicker as DateRangePicker$1 } from "@mui/x-date-pickers-pro/DateRangePicker";
|
|
33
|
-
const DateRangePicker = (_a) => {
|
|
34
|
-
var _b = _a, {
|
|
35
|
-
label,
|
|
36
|
-
startDate,
|
|
37
|
-
endDate,
|
|
38
|
-
onDateRangeChange,
|
|
39
|
-
minDate,
|
|
40
|
-
maxDate,
|
|
41
|
-
disabled,
|
|
42
|
-
readOnly,
|
|
43
|
-
slotProps
|
|
44
|
-
} = _b, rest = __objRest(_b, [
|
|
45
|
-
"label",
|
|
46
|
-
"startDate",
|
|
47
|
-
"endDate",
|
|
48
|
-
"onDateRangeChange",
|
|
49
|
-
"minDate",
|
|
50
|
-
"maxDate",
|
|
51
|
-
"disabled",
|
|
52
|
-
"readOnly",
|
|
53
|
-
"slotProps"
|
|
54
|
-
]);
|
|
55
|
-
const value = [startDate, endDate];
|
|
56
|
-
const handleChange = (newValue) => {
|
|
57
|
-
onDateRangeChange(newValue[0], newValue[1]);
|
|
58
|
-
};
|
|
59
|
-
return /* @__PURE__ */ jsx(LocalizationProvider, { dateAdapter: AdapterDayjs, children: /* @__PURE__ */ jsx(
|
|
60
|
-
DateRangePicker$1,
|
|
61
|
-
__spreadValues({
|
|
62
|
-
localeText: { start: "Fecha de Inicio", end: "Fecha de Fin" },
|
|
63
|
-
value,
|
|
64
|
-
onChange: handleChange,
|
|
65
|
-
minDate,
|
|
66
|
-
maxDate,
|
|
67
|
-
disabled,
|
|
68
|
-
readOnly,
|
|
69
|
-
slotProps
|
|
70
|
-
}, rest)
|
|
71
|
-
) });
|
|
72
|
-
};
|
|
73
|
-
export {
|
|
74
|
-
DateRangePicker as D
|
|
75
|
-
};
|
|
76
|
-
//# sourceMappingURL=DateRangePicker-BVpeJCHI.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"DateRangePicker-BVpeJCHI.js","sources":["../src/components/DateRangePicker/DateRangePicker.tsx"],"sourcesContent":["import React from 'react';\nimport { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs';\nimport { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider';\nimport { DateRangePicker as MuiDateRangePicker } from '@mui/x-date-pickers-pro/DateRangePicker';\nimport { Dayjs } from 'dayjs';\n\n// Define las props para el DateRangePicker\nexport interface DateRangePickerProps {\n label?: string;\n startDate: Dayjs | null;\n endDate: Dayjs | null;\n onDateRangeChange: (start: Dayjs | null, end: Dayjs | null) => void;\n minDate?: Dayjs;\n maxDate?: Dayjs;\n disabled?: boolean;\n readOnly?: boolean;\n slotProps?: any; // Para pasar slotProps a MuiDateRangePicker\n }\n \n export const DateRangePicker: React.FC<DateRangePickerProps> = ({\n label,\n startDate,\n endDate,\n onDateRangeChange,\n minDate,\n maxDate,\n disabled,\n readOnly,\n slotProps,\n ...rest\n }) => {\n const value: [Dayjs | null, Dayjs | null] = [startDate, endDate];\n \n const handleChange = (newValue: [Dayjs | null, Dayjs | null]) => {\n onDateRangeChange(newValue[0], newValue[1]);\n };\n \n return (\n <LocalizationProvider dateAdapter={AdapterDayjs}>\n <MuiDateRangePicker\n localeText={{ start: 'Fecha de Inicio', end: 'Fecha de Fin' }}\n value={value}\n onChange={handleChange}\n minDate={minDate}\n maxDate={maxDate}\n disabled={disabled}\n readOnly={readOnly}\n slotProps={slotProps} // Pasa los slotProps directamente\n {...rest}\n />\n </LocalizationProvider>\n );\n };\n\nexport default DateRangePicker"],"names":["MuiDateRangePicker"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBS,MAAM,kBAAkD,CAAC,OAW1D;AAX0D,eAC9D;AAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MAT8D,IAU3D,iBAV2D,IAU3D;AAAA,IATH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGA,QAAM,QAAsC,CAAC,WAAW,OAAO;AAE/D,QAAM,eAAe,CAAC,aAA2C;AAC/D,sBAAkB,SAAS,CAAC,GAAG,SAAS,CAAC,CAAC;AAAA,EAC5C;AAEA,SACE,oBAAC,sBAAA,EAAqB,aAAa,cACjC,UAAA;AAAA,IAACA;AAAAA,IAAA;AAAA,MACC,YAAY,EAAE,OAAO,mBAAmB,KAAK,eAAA;AAAA,MAC7C;AAAA,MACA,UAAU;AAAA,MACV;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,OACI;AAAA,EAAA,GAER;AAEJ;"}
|
|
@@ -1,75 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
4
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
|
-
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
6
|
-
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
7
|
-
var __spreadValues = (a, b) => {
|
|
8
|
-
for (var prop in b || (b = {}))
|
|
9
|
-
if (__hasOwnProp.call(b, prop))
|
|
10
|
-
__defNormalProp(a, prop, b[prop]);
|
|
11
|
-
if (__getOwnPropSymbols)
|
|
12
|
-
for (var prop of __getOwnPropSymbols(b)) {
|
|
13
|
-
if (__propIsEnum.call(b, prop))
|
|
14
|
-
__defNormalProp(a, prop, b[prop]);
|
|
15
|
-
}
|
|
16
|
-
return a;
|
|
17
|
-
};
|
|
18
|
-
var __objRest = (source, exclude) => {
|
|
19
|
-
var target = {};
|
|
20
|
-
for (var prop in source)
|
|
21
|
-
if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
22
|
-
target[prop] = source[prop];
|
|
23
|
-
if (source != null && __getOwnPropSymbols)
|
|
24
|
-
for (var prop of __getOwnPropSymbols(source)) {
|
|
25
|
-
if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
|
|
26
|
-
target[prop] = source[prop];
|
|
27
|
-
}
|
|
28
|
-
return target;
|
|
29
|
-
};
|
|
30
|
-
const jsxRuntime = require("react/jsx-runtime");
|
|
31
|
-
const AdapterDayjs = require("@mui/x-date-pickers/AdapterDayjs");
|
|
32
|
-
const LocalizationProvider = require("@mui/x-date-pickers/LocalizationProvider");
|
|
33
|
-
const DateRangePicker$1 = require("@mui/x-date-pickers-pro/DateRangePicker");
|
|
34
|
-
const DateRangePicker = (_a) => {
|
|
35
|
-
var _b = _a, {
|
|
36
|
-
label,
|
|
37
|
-
startDate,
|
|
38
|
-
endDate,
|
|
39
|
-
onDateRangeChange,
|
|
40
|
-
minDate,
|
|
41
|
-
maxDate,
|
|
42
|
-
disabled,
|
|
43
|
-
readOnly,
|
|
44
|
-
slotProps
|
|
45
|
-
} = _b, rest = __objRest(_b, [
|
|
46
|
-
"label",
|
|
47
|
-
"startDate",
|
|
48
|
-
"endDate",
|
|
49
|
-
"onDateRangeChange",
|
|
50
|
-
"minDate",
|
|
51
|
-
"maxDate",
|
|
52
|
-
"disabled",
|
|
53
|
-
"readOnly",
|
|
54
|
-
"slotProps"
|
|
55
|
-
]);
|
|
56
|
-
const value = [startDate, endDate];
|
|
57
|
-
const handleChange = (newValue) => {
|
|
58
|
-
onDateRangeChange(newValue[0], newValue[1]);
|
|
59
|
-
};
|
|
60
|
-
return /* @__PURE__ */ jsxRuntime.jsx(LocalizationProvider.LocalizationProvider, { dateAdapter: AdapterDayjs.AdapterDayjs, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
61
|
-
DateRangePicker$1.DateRangePicker,
|
|
62
|
-
__spreadValues({
|
|
63
|
-
localeText: { start: "Fecha de Inicio", end: "Fecha de Fin" },
|
|
64
|
-
value,
|
|
65
|
-
onChange: handleChange,
|
|
66
|
-
minDate,
|
|
67
|
-
maxDate,
|
|
68
|
-
disabled,
|
|
69
|
-
readOnly,
|
|
70
|
-
slotProps
|
|
71
|
-
}, rest)
|
|
72
|
-
) });
|
|
73
|
-
};
|
|
74
|
-
exports.DateRangePicker = DateRangePicker;
|
|
75
|
-
//# sourceMappingURL=DateRangePicker-B_hKQhbj.cjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"DateRangePicker-B_hKQhbj.cjs","sources":["../src/components/DateRangePicker/DateRangePicker.tsx"],"sourcesContent":["import React from 'react';\nimport { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs';\nimport { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider';\nimport { DateRangePicker as MuiDateRangePicker } from '@mui/x-date-pickers-pro/DateRangePicker';\nimport { Dayjs } from 'dayjs';\n\n// Define las props para el DateRangePicker\nexport interface DateRangePickerProps {\n label?: string;\n startDate: Dayjs | null;\n endDate: Dayjs | null;\n onDateRangeChange: (start: Dayjs | null, end: Dayjs | null) => void;\n minDate?: Dayjs;\n maxDate?: Dayjs;\n disabled?: boolean;\n readOnly?: boolean;\n slotProps?: any; // Para pasar slotProps a MuiDateRangePicker\n }\n \n export const DateRangePicker: React.FC<DateRangePickerProps> = ({\n label,\n startDate,\n endDate,\n onDateRangeChange,\n minDate,\n maxDate,\n disabled,\n readOnly,\n slotProps,\n ...rest\n }) => {\n const value: [Dayjs | null, Dayjs | null] = [startDate, endDate];\n \n const handleChange = (newValue: [Dayjs | null, Dayjs | null]) => {\n onDateRangeChange(newValue[0], newValue[1]);\n };\n \n return (\n <LocalizationProvider dateAdapter={AdapterDayjs}>\n <MuiDateRangePicker\n localeText={{ start: 'Fecha de Inicio', end: 'Fecha de Fin' }}\n value={value}\n onChange={handleChange}\n minDate={minDate}\n maxDate={maxDate}\n disabled={disabled}\n readOnly={readOnly}\n slotProps={slotProps} // Pasa los slotProps directamente\n {...rest}\n />\n </LocalizationProvider>\n );\n };\n\nexport default DateRangePicker"],"names":["jsx","LocalizationProvider","AdapterDayjs","MuiDateRangePicker"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBS,MAAM,kBAAkD,CAAC,OAW1D;AAX0D,eAC9D;AAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MAT8D,IAU3D,iBAV2D,IAU3D;AAAA,IATH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGA,QAAM,QAAsC,CAAC,WAAW,OAAO;AAE/D,QAAM,eAAe,CAAC,aAA2C;AAC/D,sBAAkB,SAAS,CAAC,GAAG,SAAS,CAAC,CAAC;AAAA,EAC5C;AAEA,SACEA,2BAAAA,IAACC,qBAAAA,sBAAA,EAAqB,aAAaC,aAAAA,cACjC,UAAAF,2BAAAA;AAAAA,IAACG,kBAAAA;AAAAA,IAAA;AAAA,MACC,YAAY,EAAE,OAAO,mBAAmB,KAAK,eAAA;AAAA,MAC7C;AAAA,MACA,UAAU;AAAA,MACV;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,OACI;AAAA,EAAA,GAER;AAEJ;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"DateRangePicker.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { default as React } from 'react';
|
|
2
|
-
import { Dayjs } from 'dayjs';
|
|
3
|
-
export interface DateRangePickerProps {
|
|
4
|
-
label?: string;
|
|
5
|
-
startDate: Dayjs | null;
|
|
6
|
-
endDate: Dayjs | null;
|
|
7
|
-
onDateRangeChange: (start: Dayjs | null, end: Dayjs | null) => void;
|
|
8
|
-
minDate?: Dayjs;
|
|
9
|
-
maxDate?: Dayjs;
|
|
10
|
-
disabled?: boolean;
|
|
11
|
-
readOnly?: boolean;
|
|
12
|
-
slotProps?: any;
|
|
13
|
-
}
|
|
14
|
-
export declare const DateRangePicker: React.FC<DateRangePickerProps>;
|
|
15
|
-
export default DateRangePicker;
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
export declare const BasicDateRangePickerDefinition = "\nimport React, { useState } from 'react';\nimport { DateRangePicker } from './DateRangePicker'; // Ajusta la ruta si es necesario\nimport dayjs from 'dayjs';\nimport { Box, Typography } from '@mui/material';\n\nexport const BasicDateRangePickerExample = () => {\n const [startDate, setStartDate] = useState(dayjs('2023-01-01'));\n const [endDate, setEndDate] = useState(dayjs('2023-01-31'));\n\n const handleDateRangeChange = (start, end) => {\n setStartDate(start);\n setEndDate(end);\n };\n\n return (\n <Box sx={{ width: 400, display: 'flex', flexDirection: 'column', gap: 2 }}>\n <DateRangePicker\n label=\"Seleccionar Rango\"\n startDate={startDate}\n endDate={endDate}\n onDateRangeChange={handleDateRangeChange}\n />\n <Typography sx={{ mt: 2 }}>\n Inicio: {startDate ? startDate.format('YYYY-MM-DD') : 'N/A'} |\n Fin: {endDate ? endDate.format('YYYY-MM-DD') : 'N/A'}\n </Typography>\n </Box>\n );\n};\n";
|
|
2
|
-
export declare const DateRangePickerWithMinMaxDefinition = "\nimport React, { useState } from 'react';\nimport { DateRangePicker } from './DateRangePicker'; // Ajusta la ruta si es necesario\nimport dayjs from 'dayjs';\nimport { Box, Typography } from '@mui/material';\n\nexport const DateRangePickerWithMinMaxExample = () => {\n const [startDate, setStartDate] = useState(dayjs('2023-06-10'));\n const [endDate, setEndDate] = useState(dayjs('2023-06-20'));\n const minDate = dayjs('2023-06-01');\n const maxDate = dayjs('2023-06-30');\n\n const handleDateRangeChange = (start, end) => {\n setStartDate(start);\n setEndDate(end);\n };\n\n return (\n <Box sx={{ width: 400, display: 'flex', flexDirection: 'column', gap: 2 }}>\n <DateRangePicker\n label=\"Rango de Junio\"\n startDate={startDate}\n endDate={endDate}\n onDateRangeChange={handleDateRangeChange}\n minDate={minDate}\n maxDate={maxDate}\n />\n <Typography sx={{ mt: 2 }}>\n Inicio: {startDate ? startDate.format('YYYY-MM-DD') : 'N/A'} |\n Fin: {endDate ? endDate.format('YYYY-MM-DD') : 'N/A'}\n </Typography>\n <Typography variant=\"caption\" color=\"text.secondary\">\n (Rango permitido: ${minDate.format('YYYY-MM-DD')} a ${maxDate.format('YYYY-MM-DD')})\n </Typography>\n </Box>\n );\n};\n";
|
|
3
|
-
export declare const DateRangePickerDisabledDefinition = "\nimport React, { useState } from 'react';\nimport { DateRangePicker } from './DateRangePicker'; // Ajusta la ruta si es necesario\nimport dayjs from 'dayjs';\nimport { Box, Typography } from '@mui/material';\n\nexport const DateRangePickerDisabledExample = () => {\n const [startDate, setStartDate] = useState(dayjs('2023-01-01'));\n const [endDate, setEndDate] = useState(dayjs('2023-01-31'));\n\n return (\n <Box sx={{ width: 400, display: 'flex', flexDirection: 'column', gap: 2 }}>\n <DateRangePicker\n label=\"Rango Deshabilitado\"\n startDate={startDate}\n endDate={endDate}\n onDateRangeChange={() => {}}\n disabled\n />\n <Typography sx={{ mt: 2 }}>\n Inicio: {startDate ? startDate.format('YYYY-MM-DD') : 'N/A'} |\n Fin: {endDate ? endDate.format('YYYY-MM-DD') : 'N/A'}\n </Typography>\n </Box>\n );\n};\n";
|
|
4
|
-
export declare const DateRangePickerReadOnlyDefinition = "\nimport React, { useState } from 'react';\nimport { DateRangePicker } from './DateRangePicker'; // Ajusta la ruta si es necesario\nimport dayjs from 'dayjs';\nimport { Box, Typography } from '@mui/material';\n\nexport const DateRangePickerReadOnlyExample = () => {\n const [startDate, setStartDate] = useState(dayjs('2024-07-01'));\n const [endDate, setEndDate] = useState(dayjs('2024-07-15'));\n\n return (\n <Box sx={{ width: 400, display: 'flex', flexDirection: 'column', gap: 2 }}>\n <DateRangePicker\n label=\"Rango Solo Lectura\"\n startDate={startDate}\n endDate={endDate}\n onDateRangeChange={() => {}}\n readOnly\n />\n <Typography sx={{ mt: 2 }}>\n Inicio: {startDate ? startDate.format('YYYY-MM-DD') : 'N/A'} |\n Fin: {endDate ? endDate.format('YYYY-MM-DD') : 'N/A'}\n </Typography>\n </Box>\n );\n};\n";
|
|
5
|
-
export declare const DateRangePickerWithInitialNullDefinition = "\nimport React, { useState } from 'react';\nimport { DateRangePicker } from './DateRangePicker'; // Ajusta la ruta si es necesario\nimport dayjs from 'dayjs';\nimport { Box, Typography } from '@mui/material';\n\nexport const DateRangePickerWithInitialNullExample = () => {\n const [startDate, setStartDate] = useState(null);\n const [endDate, setEndDate] = useState(null);\n\n const handleDateRangeChange = (start, end) => {\n setStartDate(start);\n setEndDate(end);\n };\n\n return (\n <Box sx={{ width: 400, display: 'flex', flexDirection: 'column', gap: 2 }}>\n <DateRangePicker\n label=\"Rango Sin Selecci\u00F3n Inicial\"\n startDate={startDate}\n endDate={endDate}\n onDateRangeChange={handleDateRangeChange}\n />\n <Typography sx={{ mt: 2 }}>\n Inicio: {startDate ? startDate.format('YYYY-MM-DD') : 'N/A'} |\n Fin: {endDate ? endDate.format('YYYY-MM-DD') : 'N/A'}\n </Typography>\n </Box>\n );\n};\n";
|
|
6
|
-
export declare const DateRangePickerWithSizeDefinition = "\nimport React, { useState } from 'react';\nimport { DateRangePicker } from './DateRangePicker'; // Adjust path if necessary\nimport dayjs from 'dayjs';\nimport { Box, Typography } from '@mui/material';\n\nexport const DateRangePickerWithSizeExample = () => {\n const [startDate, setStartDate] = useState(dayjs('2023-01-01'));\n const [endDate, setEndDate] = useState(dayjs('2023-01-31'));\n\n const handleDateRangeChange = (start, end) => {\n setStartDate(start);\n setEndDate(end);\n };\n\n return (\n <Box sx={{ width: 400, display: 'flex', flexDirection: 'column', gap: 2 }}>\n <DateRangePicker\n label=\"Rango de Fechas (Tama\u00F1o Peque\u00F1o)\"\n startDate={startDate}\n endDate={endDate}\n onDateRangeChange={handleDateRangeChange}\n slotProps={{ textField: { size: 'small' } }}\n />\n <Typography sx={{ mt: 2 }}>\n Inicio: {startDate ? startDate.format('YYYY-MM-DD') : 'N/A'} |\n Fin: {endDate ? endDate.format('YYYY-MM-DD') : 'N/A'}\n </Typography>\n </Box>\n );\n};\n";
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"DateRangePicker.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { default as DateRangePicker } from './DateRangePicker';
|