@soyfri/shared-library 2.0.0-beta.9 → 2.0.0-beta8
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/Autocomplete-BA-cGASd.js +316 -0
- package/Autocomplete-BA-cGASd.js.map +1 -0
- package/Autocomplete-C2x-lBvZ.cjs +315 -0
- package/Autocomplete-C2x-lBvZ.cjs.map +1 -0
- package/Avatar-9L7YMxya.cjs +162 -0
- package/Avatar-9L7YMxya.cjs.map +1 -0
- package/Avatar-BJTr-PBd.js +163 -0
- package/Avatar-BJTr-PBd.js.map +1 -0
- package/Card-DG_crfkK.cjs +185 -0
- package/Card-DG_crfkK.cjs.map +1 -0
- package/Card-Ug-ttVSh.js +186 -0
- package/Card-Ug-ttVSh.js.map +1 -0
- package/Chip-OPYQ1uQ_.js +74 -0
- package/Chip-OPYQ1uQ_.js.map +1 -0
- package/Chip-qoJLDiva.cjs +73 -0
- package/Chip-qoJLDiva.cjs.map +1 -0
- package/DatePicker-8f_9bwhS.js +202 -0
- package/DatePicker-8f_9bwhS.js.map +1 -0
- package/DatePicker-DLSfkgGA.cjs +201 -0
- package/DatePicker-DLSfkgGA.cjs.map +1 -0
- package/DateRangePicker-BVpeJCHI.js +76 -0
- package/DateRangePicker-BVpeJCHI.js.map +1 -0
- package/DateRangePicker-B_hKQhbj.cjs +75 -0
- package/DateRangePicker-B_hKQhbj.cjs.map +1 -0
- package/DateTimePicker-CWNW09-O.cjs +220 -0
- package/DateTimePicker-CWNW09-O.cjs.map +1 -0
- package/DateTimePicker-D4L9GAod.js +221 -0
- package/DateTimePicker-D4L9GAod.js.map +1 -0
- package/Input-Cp911l23.js +174 -0
- package/Input-Cp911l23.js.map +1 -0
- package/Input-DI0jfq5X.cjs +173 -0
- package/Input-DI0jfq5X.cjs.map +1 -0
- package/Modal-Bm_HH9cv.cjs +319 -0
- package/Modal-Bm_HH9cv.cjs.map +1 -0
- package/Modal-Bnz6d9m9.js +320 -0
- package/Modal-Bnz6d9m9.js.map +1 -0
- package/RadioGroup-CxqDHap1.cjs +200 -0
- package/RadioGroup-CxqDHap1.cjs.map +1 -0
- package/RadioGroup-DMi9FvMP.js +201 -0
- package/RadioGroup-DMi9FvMP.js.map +1 -0
- package/Select-3CBOfM2H.js +447 -0
- package/Select-3CBOfM2H.js.map +1 -0
- package/Select-Bku4f4f8.cjs +446 -0
- package/Select-Bku4f4f8.cjs.map +1 -0
- package/Stat-BUcFCGrz.cjs +83 -0
- package/Stat-BUcFCGrz.cjs.map +1 -0
- package/Stat-C06A_izS.js +84 -0
- package/Stat-C06A_izS.js.map +1 -0
- package/StatusMessage-C5B6oGZ_.cjs +78 -0
- package/StatusMessage-C5B6oGZ_.cjs.map +1 -0
- package/StatusMessage-D1GlfQdz.js +79 -0
- package/StatusMessage-D1GlfQdz.js.map +1 -0
- package/Step-Dq0N72YB.js +49 -0
- package/Step-Dq0N72YB.js.map +1 -0
- package/Step-a8U8O-91.cjs +48 -0
- package/Step-a8U8O-91.cjs.map +1 -0
- package/Switch-BIeobv6i.cjs +179 -0
- package/Switch-BIeobv6i.cjs.map +1 -0
- package/Switch-DQEOxM2R.js +180 -0
- package/Switch-DQEOxM2R.js.map +1 -0
- package/Tab-Co31KY2k.cjs +95 -0
- package/Tab-Co31KY2k.cjs.map +1 -0
- package/Tab-DiK62gRz.js +96 -0
- package/Tab-DiK62gRz.js.map +1 -0
- package/Table-C2LbW0B1.js +531 -0
- package/Table-C2LbW0B1.js.map +1 -0
- package/Table-C4OM6rrC.cjs +530 -0
- package/Table-C4OM6rrC.cjs.map +1 -0
- package/components/AppBar/AppBar.cjs +1 -1
- package/components/AppBar/AppBar.js +1 -1
- package/components/Autocomplete/Autocomplete.cjs +4 -311
- package/components/Autocomplete/Autocomplete.cjs.map +1 -1
- package/components/Autocomplete/Autocomplete.js +4 -311
- package/components/Autocomplete/Autocomplete.js.map +1 -1
- package/components/Avatar/Avatar.cjs +2 -160
- package/components/Avatar/Avatar.cjs.map +1 -1
- package/components/Avatar/Avatar.js +2 -160
- package/components/Avatar/Avatar.js.map +1 -1
- package/components/Card/Card.cjs +7 -184
- package/components/Card/Card.cjs.map +1 -1
- package/components/Card/Card.js +7 -184
- package/components/Card/Card.js.map +1 -1
- package/components/Chip/Chip.cjs +2 -71
- package/components/Chip/Chip.cjs.map +1 -1
- package/components/Chip/Chip.js +2 -71
- package/components/Chip/Chip.js.map +1 -1
- package/components/Column/Column.cjs +1 -1
- package/components/Column/Column.cjs.map +1 -1
- package/components/Column/Column.d.ts +1 -1
- package/components/Column/Column.js +1 -1
- package/components/Column/Column.js.map +1 -1
- package/components/Column/index.d.ts +1 -0
- package/components/DatePicker/DatePicker.cjs +3 -200
- package/components/DatePicker/DatePicker.cjs.map +1 -1
- package/components/DatePicker/DatePicker.js +3 -200
- package/components/DatePicker/DatePicker.js.map +1 -1
- package/components/DateRangePicker/DateRangePicker.cjs +2 -73
- package/components/DateRangePicker/DateRangePicker.cjs.map +1 -1
- package/components/DateRangePicker/DateRangePicker.js +2 -73
- package/components/DateRangePicker/DateRangePicker.js.map +1 -1
- package/components/DateTimePicker/DateTimePicker.cjs +3 -219
- package/components/DateTimePicker/DateTimePicker.cjs.map +1 -1
- package/components/DateTimePicker/DateTimePicker.js +3 -219
- package/components/DateTimePicker/DateTimePicker.js.map +1 -1
- package/components/Drawer/Drawer.cjs +1 -1
- package/components/Drawer/Drawer.js +1 -1
- package/components/Input/Input.cjs +3 -172
- package/components/Input/Input.cjs.map +1 -1
- package/components/Input/Input.js +3 -172
- package/components/Input/Input.js.map +1 -1
- package/components/Modal/Modal.cjs +7 -317
- package/components/Modal/Modal.cjs.map +1 -1
- package/components/Modal/Modal.js +6 -316
- package/components/Modal/Modal.js.map +1 -1
- package/components/Modal/index.d.ts +2 -1
- package/components/Modal.d.ts +4 -0
- package/components/RadioGroup/RadioGroup.cjs +3 -199
- package/components/RadioGroup/RadioGroup.cjs.map +1 -1
- package/components/RadioGroup/RadioGroup.js +3 -199
- package/components/RadioGroup/RadioGroup.js.map +1 -1
- package/components/ScrollTopButton/ScrollTopButton.cjs +1 -1
- package/components/ScrollTopButton/ScrollTopButton.js +1 -1
- package/components/Select/Select.cjs +4 -445
- package/components/Select/Select.cjs.map +1 -1
- package/components/Select/Select.js +4 -445
- package/components/Select/Select.js.map +1 -1
- package/components/Stat/Stat.cjs +2 -81
- package/components/Stat/Stat.cjs.map +1 -1
- package/components/Stat/Stat.js +2 -81
- package/components/Stat/Stat.js.map +1 -1
- package/components/StatusMessage/StatusMessage.cjs +4 -77
- package/components/StatusMessage/StatusMessage.cjs.map +1 -1
- package/components/StatusMessage/StatusMessage.d.ts +1 -1
- package/components/StatusMessage/StatusMessage.js +3 -76
- package/components/StatusMessage/StatusMessage.js.map +1 -1
- package/components/StatusMessage/index.d.ts +2 -1
- package/components/StatusMessage.d.ts +4 -0
- package/components/Stepper/Stepper.cjs +3 -89
- package/components/Stepper/Stepper.cjs.map +1 -1
- package/components/Stepper/Stepper.d.ts +0 -12
- package/components/Stepper/Stepper.js +3 -89
- package/components/Stepper/Stepper.js.map +1 -1
- package/components/Switch/Switch.cjs +3 -178
- package/components/Switch/Switch.cjs.map +1 -1
- package/components/Switch/Switch.js +3 -178
- package/components/Switch/Switch.js.map +1 -1
- package/components/Table/Table.cjs +2 -528
- package/components/Table/Table.cjs.map +1 -1
- package/components/Table/Table.d.ts +1 -1
- package/components/Table/Table.js +2 -528
- package/components/Table/Table.js.map +1 -1
- package/components/Tabs/Tabs.cjs +3 -93
- package/components/Tabs/Tabs.cjs.map +1 -1
- package/components/Tabs/Tabs.js +3 -93
- package/components/Tabs/Tabs.js.map +1 -1
- package/hooks/Wizard/WizardContext.d.ts +2 -2
- package/index.cjs +46 -1
- package/index.cjs.map +1 -1
- package/index.d.ts +30 -0
- package/index.js +46 -1
- package/index.js.map +1 -1
- package/package.json +5 -3
- package/{resolvePreset-CT3kU-K2.cjs → resolvePreset-CxTI6_Ln.cjs} +3 -3
- package/{resolvePreset-CT3kU-K2.cjs.map → resolvePreset-CxTI6_Ln.cjs.map} +1 -1
- package/{resolvePreset-B-IB0ehH.js → resolvePreset-K6_BfWHD.js} +3 -3
- package/{resolvePreset-B-IB0ehH.js.map → resolvePreset-K6_BfWHD.js.map} +1 -1
- package/useWizard-CWdIxZzX.cjs.map +1 -1
- package/useWizard-CWq--C3o.js.map +1 -1
|
@@ -1,203 +1,6 @@
|
|
|
1
|
-
|
|
2
|
-
var __defProps = Object.defineProperties;
|
|
3
|
-
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
4
|
-
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
5
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
-
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
7
|
-
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
8
|
-
var __spreadValues = (a, b) => {
|
|
9
|
-
for (var prop in b || (b = {}))
|
|
10
|
-
if (__hasOwnProp.call(b, prop))
|
|
11
|
-
__defNormalProp(a, prop, b[prop]);
|
|
12
|
-
if (__getOwnPropSymbols)
|
|
13
|
-
for (var prop of __getOwnPropSymbols(b)) {
|
|
14
|
-
if (__propIsEnum.call(b, prop))
|
|
15
|
-
__defNormalProp(a, prop, b[prop]);
|
|
16
|
-
}
|
|
17
|
-
return a;
|
|
18
|
-
};
|
|
19
|
-
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
20
|
-
var __objRest = (source, exclude) => {
|
|
21
|
-
var target = {};
|
|
22
|
-
for (var prop in source)
|
|
23
|
-
if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
24
|
-
target[prop] = source[prop];
|
|
25
|
-
if (source != null && __getOwnPropSymbols)
|
|
26
|
-
for (var prop of __getOwnPropSymbols(source)) {
|
|
27
|
-
if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
|
|
28
|
-
target[prop] = source[prop];
|
|
29
|
-
}
|
|
30
|
-
return target;
|
|
31
|
-
};
|
|
32
|
-
import { jsx } from "react/jsx-runtime";
|
|
33
|
-
import React__default, { useMemo } from "react";
|
|
34
|
-
import { useTheme } from "@mui/material/styles";
|
|
35
|
-
import { AdapterDayjs } from "@mui/x-date-pickers/AdapterDayjs";
|
|
36
|
-
import { LocalizationProvider } from "@mui/x-date-pickers/LocalizationProvider";
|
|
37
|
-
import { DatePicker as DatePicker$1 } from "@mui/x-date-pickers/DatePicker";
|
|
38
|
-
import { Controller } from "react-hook-form";
|
|
39
|
-
import require$$0 from "dayjs";
|
|
40
|
-
import { b as buildFormFieldSx, F as FIELD_INPUT_PADDING_Y } from "../../formField.sx-DfVbMe0V.js";
|
|
41
|
-
import { r as resolvePreset } from "../../resolvePreset-B-IB0ehH.js";
|
|
42
|
-
var enGb$1 = { exports: {} };
|
|
43
|
-
var enGb = enGb$1.exports;
|
|
44
|
-
var hasRequiredEnGb;
|
|
45
|
-
function requireEnGb() {
|
|
46
|
-
if (hasRequiredEnGb) return enGb$1.exports;
|
|
47
|
-
hasRequiredEnGb = 1;
|
|
48
|
-
(function(module, exports) {
|
|
49
|
-
!(function(e, a) {
|
|
50
|
-
module.exports = a(require$$0);
|
|
51
|
-
})(enGb, (function(e) {
|
|
52
|
-
function a(e2) {
|
|
53
|
-
return e2 && "object" == typeof e2 && "default" in e2 ? e2 : { default: e2 };
|
|
54
|
-
}
|
|
55
|
-
var t = a(e), _ = { name: "en-gb", weekdays: "Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"), weekdaysShort: "Sun_Mon_Tue_Wed_Thu_Fri_Sat".split("_"), weekdaysMin: "Su_Mo_Tu_We_Th_Fr_Sa".split("_"), months: "January_February_March_April_May_June_July_August_September_October_November_December".split("_"), monthsShort: "Jan_Feb_Mar_Apr_May_Jun_Jul_Aug_Sep_Oct_Nov_Dec".split("_"), weekStart: 1, yearStart: 4, relativeTime: { future: "in %s", past: "%s ago", s: "a few seconds", m: "a minute", mm: "%d minutes", h: "an hour", hh: "%d hours", d: "a day", dd: "%d days", M: "a month", MM: "%d months", y: "a year", yy: "%d years" }, formats: { LT: "HH:mm", LTS: "HH:mm:ss", L: "DD/MM/YYYY", LL: "D MMMM YYYY", LLL: "D MMMM YYYY HH:mm", LLLL: "dddd, D MMMM YYYY HH:mm" }, ordinal: function(e2) {
|
|
56
|
-
var a2 = ["th", "st", "nd", "rd"], t2 = e2 % 100;
|
|
57
|
-
return "[" + e2 + (a2[(t2 - 20) % 10] || a2[t2] || a2[0]) + "]";
|
|
58
|
-
} };
|
|
59
|
-
return t.default.locale(_, null, true), _;
|
|
60
|
-
}));
|
|
61
|
-
})(enGb$1);
|
|
62
|
-
return enGb$1.exports;
|
|
63
|
-
}
|
|
64
|
-
requireEnGb();
|
|
65
|
-
const buildDatePickerSx = (borderRadius, labelPosition) => buildFormFieldSx({
|
|
66
|
-
borderRadius,
|
|
67
|
-
labelPosition,
|
|
68
|
-
includePickersApi: true,
|
|
69
|
-
extraOutsideSx: {
|
|
70
|
-
"& .MuiInputBase-input": {
|
|
71
|
-
paddingTop: FIELD_INPUT_PADDING_Y,
|
|
72
|
-
paddingBottom: FIELD_INPUT_PADDING_Y
|
|
73
|
-
},
|
|
74
|
-
// Secciones editables del PickersTextField (DD/MM/YYYY en API nueva).
|
|
75
|
-
"& .MuiPickersInputBase-sectionsContainer": {
|
|
76
|
-
paddingTop: FIELD_INPUT_PADDING_Y,
|
|
77
|
-
paddingBottom: FIELD_INPUT_PADDING_Y
|
|
78
|
-
}
|
|
79
|
-
}
|
|
80
|
-
});
|
|
81
|
-
const getDateValidationMessage = (error) => {
|
|
82
|
-
switch (error) {
|
|
83
|
-
case "minDate":
|
|
84
|
-
case "maxDate":
|
|
85
|
-
return "Fecha fuera del rango permitido";
|
|
86
|
-
case "invalidDate":
|
|
87
|
-
return "Formato de fecha inválido";
|
|
88
|
-
case "disableFuture":
|
|
89
|
-
return "No se permiten fechas futuras";
|
|
90
|
-
case "disablePast":
|
|
91
|
-
return "No se permiten fechas pasadas";
|
|
92
|
-
default:
|
|
93
|
-
return "";
|
|
94
|
-
}
|
|
95
|
-
};
|
|
96
|
-
const DatePicker = (props) => {
|
|
97
|
-
const _a = props, {
|
|
98
|
-
label,
|
|
99
|
-
minDate,
|
|
100
|
-
maxDate,
|
|
101
|
-
disabled,
|
|
102
|
-
readOnly,
|
|
103
|
-
borderRadius = 10,
|
|
104
|
-
labelPosition = "outside",
|
|
105
|
-
size = "small",
|
|
106
|
-
helperText,
|
|
107
|
-
error: errorProp,
|
|
108
|
-
sx,
|
|
109
|
-
className,
|
|
110
|
-
preset,
|
|
111
|
-
adapterLocale = "en-gb",
|
|
112
|
-
textFieldProps,
|
|
113
|
-
slotProps: slotPropsProp
|
|
114
|
-
} = _a, rest = __objRest(_a, [
|
|
115
|
-
"label",
|
|
116
|
-
"minDate",
|
|
117
|
-
"maxDate",
|
|
118
|
-
"disabled",
|
|
119
|
-
"readOnly",
|
|
120
|
-
"borderRadius",
|
|
121
|
-
"labelPosition",
|
|
122
|
-
"size",
|
|
123
|
-
"helperText",
|
|
124
|
-
"error",
|
|
125
|
-
"sx",
|
|
126
|
-
"className",
|
|
127
|
-
"preset",
|
|
128
|
-
"adapterLocale",
|
|
129
|
-
"textFieldProps",
|
|
130
|
-
"slotProps"
|
|
131
|
-
]);
|
|
132
|
-
const [validationError, setValidationError] = React__default.useState(null);
|
|
133
|
-
const validationErrorMessage = useMemo(
|
|
134
|
-
() => getDateValidationMessage(validationError),
|
|
135
|
-
[validationError]
|
|
136
|
-
);
|
|
137
|
-
const theme = useTheme();
|
|
138
|
-
const presetSx = resolvePreset("DatePicker", preset, theme);
|
|
139
|
-
const mergedSx = [
|
|
140
|
-
buildDatePickerSx(borderRadius, labelPosition),
|
|
141
|
-
...presetSx ? [presetSx] : [],
|
|
142
|
-
...Array.isArray(sx) ? sx : [sx]
|
|
143
|
-
];
|
|
144
|
-
const renderPicker = (value, onChange, onBlur, inputRef, rhfError, rhfHelperText) => {
|
|
145
|
-
const finalError = rhfError || !!validationErrorMessage || !!errorProp;
|
|
146
|
-
const finalHelperText = rhfHelperText || validationErrorMessage || helperText;
|
|
147
|
-
return /* @__PURE__ */ jsx(LocalizationProvider, { dateAdapter: AdapterDayjs, adapterLocale, children: /* @__PURE__ */ jsx(
|
|
148
|
-
DatePicker$1,
|
|
149
|
-
__spreadValues({
|
|
150
|
-
label,
|
|
151
|
-
value,
|
|
152
|
-
onChange,
|
|
153
|
-
minDate,
|
|
154
|
-
maxDate,
|
|
155
|
-
onError: setValidationError,
|
|
156
|
-
disabled,
|
|
157
|
-
readOnly,
|
|
158
|
-
className,
|
|
159
|
-
sx: mergedSx,
|
|
160
|
-
slotProps: __spreadProps(__spreadValues({}, slotPropsProp), {
|
|
161
|
-
textField: __spreadValues(__spreadValues({
|
|
162
|
-
fullWidth: true,
|
|
163
|
-
size,
|
|
164
|
-
variant: "outlined",
|
|
165
|
-
onBlur,
|
|
166
|
-
inputRef,
|
|
167
|
-
error: !!finalError,
|
|
168
|
-
helperText: finalHelperText
|
|
169
|
-
}, slotPropsProp == null ? void 0 : slotPropsProp.textField), textFieldProps)
|
|
170
|
-
})
|
|
171
|
-
}, rest)
|
|
172
|
-
) });
|
|
173
|
-
};
|
|
174
|
-
if ("control" in props && props.control) {
|
|
175
|
-
const { name, control, validation } = props;
|
|
176
|
-
return /* @__PURE__ */ jsx(
|
|
177
|
-
Controller,
|
|
178
|
-
{
|
|
179
|
-
name,
|
|
180
|
-
control,
|
|
181
|
-
rules: validation,
|
|
182
|
-
render: ({ field, fieldState: { error: fieldError } }) => {
|
|
183
|
-
var _a2;
|
|
184
|
-
return renderPicker(
|
|
185
|
-
(_a2 = field.value) != null ? _a2 : null,
|
|
186
|
-
field.onChange,
|
|
187
|
-
field.onBlur,
|
|
188
|
-
field.ref,
|
|
189
|
-
!!fieldError,
|
|
190
|
-
fieldError == null ? void 0 : fieldError.message
|
|
191
|
-
);
|
|
192
|
-
}
|
|
193
|
-
}
|
|
194
|
-
);
|
|
195
|
-
}
|
|
196
|
-
const { selectedDate, onDateChange } = props;
|
|
197
|
-
return renderPicker(selectedDate, onDateChange);
|
|
198
|
-
};
|
|
1
|
+
import { D, D as D2 } from "../../DatePicker-8f_9bwhS.js";
|
|
199
2
|
export {
|
|
200
|
-
DatePicker,
|
|
201
|
-
|
|
3
|
+
D as DatePicker,
|
|
4
|
+
D2 as default
|
|
202
5
|
};
|
|
203
6
|
//# sourceMappingURL=DatePicker.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePicker.js","sources":["../../../node_modules/dayjs/locale/en-gb.js","../../../src/components/DatePicker/DatePicker.sx.ts","../../../src/components/DatePicker/DatePicker.helpers.ts","../../../src/components/DatePicker/DatePicker.tsx"],"sourcesContent":["!function(e,a){\"object\"==typeof exports&&\"undefined\"!=typeof module?module.exports=a(require(\"dayjs\")):\"function\"==typeof define&&define.amd?define([\"dayjs\"],a):(e=\"undefined\"!=typeof globalThis?globalThis:e||self).dayjs_locale_en_gb=a(e.dayjs)}(this,(function(e){\"use strict\";function a(e){return e&&\"object\"==typeof e&&\"default\"in e?e:{default:e}}var t=a(e),_={name:\"en-gb\",weekdays:\"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday\".split(\"_\"),weekdaysShort:\"Sun_Mon_Tue_Wed_Thu_Fri_Sat\".split(\"_\"),weekdaysMin:\"Su_Mo_Tu_We_Th_Fr_Sa\".split(\"_\"),months:\"January_February_March_April_May_June_July_August_September_October_November_December\".split(\"_\"),monthsShort:\"Jan_Feb_Mar_Apr_May_Jun_Jul_Aug_Sep_Oct_Nov_Dec\".split(\"_\"),weekStart:1,yearStart:4,relativeTime:{future:\"in %s\",past:\"%s ago\",s:\"a few seconds\",m:\"a minute\",mm:\"%d minutes\",h:\"an hour\",hh:\"%d hours\",d:\"a day\",dd:\"%d days\",M:\"a month\",MM:\"%d months\",y:\"a year\",yy:\"%d years\"},formats:{LT:\"HH:mm\",LTS:\"HH:mm:ss\",L:\"DD/MM/YYYY\",LL:\"D MMMM YYYY\",LLL:\"D MMMM YYYY HH:mm\",LLLL:\"dddd, D MMMM YYYY HH:mm\"},ordinal:function(e){var a=[\"th\",\"st\",\"nd\",\"rd\"],t=e%100;return\"[\"+e+(a[(t-20)%10]||a[t]||a[0])+\"]\"}};return t.default.locale(_,null,!0),_}));","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 './DatePicker';\n\n/**\n * Builder de sx para el DatePicker. Reutiliza `buildFormFieldSx` con\n * `includePickersApi: true` para cubrir tanto la API clásica (MuiInputBase /\n * MuiOutlinedInput) como la nueva (MuiPickersInputBase / MuiPickersOutlinedInput)\n * del DatePicker de MUI X v8.\n */\nexport const buildDatePickerSx = (\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 // Secciones editables del PickersTextField (DD/MM/YYYY en API nueva).\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 código de error del DatePicker de MUI X a un mensaje en español.\n * Se usa internamente para poblar `helperText` cuando hay error de validación\n * y el consumer no pasó un mensaje propio.\n */\nexport const getDateValidationMessage = (\n error: DateValidationError | null,\n): string => {\n switch (error) {\n case 'minDate':\n case 'maxDate':\n return 'Fecha fuera del rango permitido';\n case 'invalidDate':\n return 'Formato de fecha inválido';\n case 'disableFuture':\n return 'No se permiten fechas futuras';\n case 'disablePast':\n return 'No se permiten fechas pasadas';\n default:\n return '';\n }\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 DatePicker as MuiDatePicker,\n type DatePickerProps as MuiDatePickerProps,\n} from '@mui/x-date-pickers/DatePicker';\nimport { DateValidationError } from '@mui/x-date-pickers/models';\nimport { Dayjs } from 'dayjs';\nimport { Controller, type Control, type RegisterOptions } from 'react-hook-form';\nimport 'dayjs/locale/en-gb';\n\nimport { buildDatePickerSx } from './DatePicker.sx';\nimport { getDateValidationMessage } from './DatePicker.helpers';\nimport { resolvePreset } from '../_shared/resolvePreset';\n\n// ── Tipos de dominio ─────────────────────────────────────────────────────\nexport type LabelPosition = 'outside' | 'floating';\nexport type DatePickerSize = 'small' | 'medium';\n\n// ── Props base ───────────────────────────────────────────────────────────\nexport interface BaseDatePickerProps\n extends Omit<MuiDatePickerProps, 'value' | 'onChange' | 'slotProps'> {\n label?: string;\n minDate?: Dayjs;\n maxDate?: Dayjs;\n disabled?: boolean;\n readOnly?: boolean;\n /** Border radius del input. Default: 10 */\n borderRadius?: number | string;\n /** \"outside\" = label arriba del campo (default). \"floating\" = label clásico MUI dentro del borde */\n labelPosition?: LabelPosition;\n /** Tamaño del TextField renderizado. Default: 'small' */\n size?: DatePickerSize;\n /** helperText pasado al TextField (se sobrescribe por el error de validación si hay). */\n helperText?: string;\n /** Error external override. */\n error?: boolean;\n /** sx que se mergea al TextField interno del picker. */\n sx?: SxProps<Theme>;\n className?: string;\n /**\n * Nombre del preset de estilo registrado en `theme.styles.DatePicker`.\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 para el adaptador dayjs. Default: 'en-gb'. */\n adapterLocale?: string;\n /** Passthrough a slotProps.textField. */\n textFieldProps?: Record<string, any>;\n /** Passthrough completo a slotProps del MuiDatePicker. */\n slotProps?: MuiDatePickerProps['slotProps'];\n}\n\n// ── Variantes discriminadas (RHF vs controlado) ──────────────────────────\nexport interface RHFDatePickerProps extends BaseDatePickerProps {\n name: string;\n control: Control<any>;\n validation?: RegisterOptions;\n selectedDate?: never;\n onDateChange?: never;\n}\n\nexport interface ControlledDatePickerProps extends BaseDatePickerProps {\n name?: string;\n control?: never;\n validation?: never;\n selectedDate: Dayjs | null;\n onDateChange: (date: Dayjs | null) => void;\n}\n\n// ── API pública final ────────────────────────────────────────────────────\nexport type DatePickerProps = RHFDatePickerProps | ControlledDatePickerProps;\n\nexport const DatePicker: React.FC<DatePickerProps> = (props) => {\n const {\n label,\n minDate,\n maxDate,\n disabled,\n readOnly,\n borderRadius = 10,\n labelPosition = 'outside',\n size = 'small',\n helperText,\n error: errorProp,\n sx,\n className,\n preset,\n adapterLocale = 'en-gb',\n textFieldProps,\n slotProps: slotPropsProp,\n ...rest\n } = props as ControlledDatePickerProps & {\n control?: Control<any>;\n validation?: RegisterOptions;\n };\n\n const [validationError, setValidationError] = React.useState<DateValidationError | null>(null);\n\n const validationErrorMessage = useMemo(\n () => getDateValidationMessage(validationError),\n [validationError],\n );\n\n const theme = useTheme();\n const presetSx = resolvePreset('DatePicker', preset, theme);\n\n const mergedSx = [\n buildDatePickerSx(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 dateAdapter={AdapterDayjs} adapterLocale={adapterLocale}>\n <MuiDatePicker\n label={label}\n value={value}\n onChange={onChange}\n minDate={minDate}\n maxDate={maxDate}\n onError={setValidationError}\n disabled={disabled}\n readOnly={readOnly}\n className={className}\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 {...(rest as any)}\n />\n </LocalizationProvider>\n );\n };\n\n // --- RHF mode ---\n if ('control' in props && props.control) {\n const { name, control, validation } = props as RHFDatePickerProps;\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 // --- Controlado ---\n const { selectedDate, onDateChange } = props as ControlledDatePickerProps;\n return renderPicker(selectedDate, onDateChange);\n};\n\nexport default DatePicker;\n"],"names":["this","e","a","t","React","MuiDatePicker","_a"],"mappings":"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","x_google_ignoreList":[0]}
|
|
1
|
+
{"version":3,"file":"DatePicker.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|
|
@@ -1,76 +1,5 @@
|
|
|
1
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
2
|
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
31
|
-
const
|
|
32
|
-
|
|
33
|
-
const LocalizationProvider = require("@mui/x-date-pickers/LocalizationProvider");
|
|
34
|
-
const DateRangePicker$1 = require("@mui/x-date-pickers-pro/DateRangePicker");
|
|
35
|
-
const DateRangePicker = (_a) => {
|
|
36
|
-
var _b = _a, {
|
|
37
|
-
label,
|
|
38
|
-
startDate,
|
|
39
|
-
endDate,
|
|
40
|
-
onDateRangeChange,
|
|
41
|
-
minDate,
|
|
42
|
-
maxDate,
|
|
43
|
-
disabled,
|
|
44
|
-
readOnly,
|
|
45
|
-
slotProps
|
|
46
|
-
} = _b, rest = __objRest(_b, [
|
|
47
|
-
"label",
|
|
48
|
-
"startDate",
|
|
49
|
-
"endDate",
|
|
50
|
-
"onDateRangeChange",
|
|
51
|
-
"minDate",
|
|
52
|
-
"maxDate",
|
|
53
|
-
"disabled",
|
|
54
|
-
"readOnly",
|
|
55
|
-
"slotProps"
|
|
56
|
-
]);
|
|
57
|
-
const value = [startDate, endDate];
|
|
58
|
-
const handleChange = (newValue) => {
|
|
59
|
-
onDateRangeChange(newValue[0], newValue[1]);
|
|
60
|
-
};
|
|
61
|
-
return /* @__PURE__ */ jsxRuntime.jsx(LocalizationProvider.LocalizationProvider, { dateAdapter: AdapterDayjs.AdapterDayjs, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
62
|
-
DateRangePicker$1.DateRangePicker,
|
|
63
|
-
__spreadValues({
|
|
64
|
-
localeText: { start: "Fecha de Inicio", end: "Fecha de Fin" },
|
|
65
|
-
value,
|
|
66
|
-
onChange: handleChange,
|
|
67
|
-
minDate,
|
|
68
|
-
maxDate,
|
|
69
|
-
disabled,
|
|
70
|
-
readOnly,
|
|
71
|
-
slotProps
|
|
72
|
-
}, rest)
|
|
73
|
-
) });
|
|
74
|
-
};
|
|
75
|
-
exports.DateRangePicker = DateRangePicker;
|
|
3
|
+
const DateRangePicker = require("../../DateRangePicker-B_hKQhbj.cjs");
|
|
4
|
+
exports.DateRangePicker = DateRangePicker.DateRangePicker;
|
|
76
5
|
//# sourceMappingURL=DateRangePicker.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DateRangePicker.cjs","sources":[
|
|
1
|
+
{"version":3,"file":"DateRangePicker.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
|
|
@@ -1,76 +1,5 @@
|
|
|
1
|
-
|
|
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
|
-
};
|
|
1
|
+
import { D } from "../../DateRangePicker-BVpeJCHI.js";
|
|
73
2
|
export {
|
|
74
|
-
DateRangePicker
|
|
3
|
+
D as DateRangePicker
|
|
75
4
|
};
|
|
76
5
|
//# sourceMappingURL=DateRangePicker.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DateRangePicker.js","sources":[
|
|
1
|
+
{"version":3,"file":"DateRangePicker.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|
|
@@ -1,222 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __defProps = Object.defineProperties;
|
|
4
|
-
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
5
|
-
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
6
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
-
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
8
|
-
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
9
|
-
var __spreadValues = (a, b) => {
|
|
10
|
-
for (var prop in b || (b = {}))
|
|
11
|
-
if (__hasOwnProp.call(b, prop))
|
|
12
|
-
__defNormalProp(a, prop, b[prop]);
|
|
13
|
-
if (__getOwnPropSymbols)
|
|
14
|
-
for (var prop of __getOwnPropSymbols(b)) {
|
|
15
|
-
if (__propIsEnum.call(b, prop))
|
|
16
|
-
__defNormalProp(a, prop, b[prop]);
|
|
17
|
-
}
|
|
18
|
-
return a;
|
|
19
|
-
};
|
|
20
|
-
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
21
|
-
var __objRest = (source, exclude) => {
|
|
22
|
-
var target = {};
|
|
23
|
-
for (var prop in source)
|
|
24
|
-
if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
25
|
-
target[prop] = source[prop];
|
|
26
|
-
if (source != null && __getOwnPropSymbols)
|
|
27
|
-
for (var prop of __getOwnPropSymbols(source)) {
|
|
28
|
-
if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
|
|
29
|
-
target[prop] = source[prop];
|
|
30
|
-
}
|
|
31
|
-
return target;
|
|
32
|
-
};
|
|
33
2
|
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
|
|
34
|
-
const
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
const AdapterDayjs = require("@mui/x-date-pickers/AdapterDayjs");
|
|
38
|
-
const LocalizationProvider = require("@mui/x-date-pickers/LocalizationProvider");
|
|
39
|
-
const DateTimePicker$1 = require("@mui/x-date-pickers/DateTimePicker");
|
|
40
|
-
const reactHookForm = require("react-hook-form");
|
|
41
|
-
const formField_sx = require("../../formField.sx-CQ1mbk9M.cjs");
|
|
42
|
-
const resolvePreset = require("../../resolvePreset-CT3kU-K2.cjs");
|
|
43
|
-
const buildDateTimePickerSx = (borderRadius, labelPosition) => formField_sx.buildFormFieldSx({
|
|
44
|
-
borderRadius,
|
|
45
|
-
labelPosition,
|
|
46
|
-
includePickersApi: true,
|
|
47
|
-
extraOutsideSx: {
|
|
48
|
-
"& .MuiInputBase-input": {
|
|
49
|
-
paddingTop: formField_sx.FIELD_INPUT_PADDING_Y,
|
|
50
|
-
paddingBottom: formField_sx.FIELD_INPUT_PADDING_Y
|
|
51
|
-
},
|
|
52
|
-
"& .MuiPickersInputBase-sectionsContainer": {
|
|
53
|
-
paddingTop: formField_sx.FIELD_INPUT_PADDING_Y,
|
|
54
|
-
paddingBottom: formField_sx.FIELD_INPUT_PADDING_Y
|
|
55
|
-
}
|
|
56
|
-
}
|
|
57
|
-
});
|
|
58
|
-
const getDateTimeValidationMessage = (error) => {
|
|
59
|
-
switch (error) {
|
|
60
|
-
case "minDate":
|
|
61
|
-
case "maxDate":
|
|
62
|
-
case "invalidDate":
|
|
63
|
-
return "Formato de fecha/hora inválido";
|
|
64
|
-
case "disableFuture":
|
|
65
|
-
return "No se permiten fechas/horas futuras";
|
|
66
|
-
case "disablePast":
|
|
67
|
-
return "No se permiten fechas/horas pasadas";
|
|
68
|
-
default:
|
|
69
|
-
return "";
|
|
70
|
-
}
|
|
71
|
-
};
|
|
72
|
-
const buildLocaleText = (clearButtonText, cancelButtonText, acceptButtonText) => {
|
|
73
|
-
const text = {};
|
|
74
|
-
if (clearButtonText) text.clearButtonLabel = clearButtonText;
|
|
75
|
-
if (cancelButtonText) text.cancelButtonLabel = cancelButtonText;
|
|
76
|
-
if (acceptButtonText) text.okButtonLabel = acceptButtonText;
|
|
77
|
-
return text;
|
|
78
|
-
};
|
|
79
|
-
const DateTimePicker = (props) => {
|
|
80
|
-
const _a = props, {
|
|
81
|
-
label,
|
|
82
|
-
minDateTime,
|
|
83
|
-
maxDateTime,
|
|
84
|
-
disabled,
|
|
85
|
-
readOnly,
|
|
86
|
-
inputFormat,
|
|
87
|
-
borderRadius = 10,
|
|
88
|
-
labelPosition = "outside",
|
|
89
|
-
size = "small",
|
|
90
|
-
helperText,
|
|
91
|
-
error: errorProp,
|
|
92
|
-
sx,
|
|
93
|
-
className,
|
|
94
|
-
preset,
|
|
95
|
-
adapterLocale,
|
|
96
|
-
clearButtonText,
|
|
97
|
-
cancelButtonText,
|
|
98
|
-
acceptButtonText,
|
|
99
|
-
minutesStep,
|
|
100
|
-
minTime,
|
|
101
|
-
customClass,
|
|
102
|
-
viewRenderers,
|
|
103
|
-
timeSteps,
|
|
104
|
-
ampm = false,
|
|
105
|
-
textFieldProps,
|
|
106
|
-
slotProps: slotPropsProp
|
|
107
|
-
} = _a, rest = __objRest(_a, [
|
|
108
|
-
"label",
|
|
109
|
-
"minDateTime",
|
|
110
|
-
"maxDateTime",
|
|
111
|
-
"disabled",
|
|
112
|
-
"readOnly",
|
|
113
|
-
"inputFormat",
|
|
114
|
-
"borderRadius",
|
|
115
|
-
"labelPosition",
|
|
116
|
-
"size",
|
|
117
|
-
"helperText",
|
|
118
|
-
"error",
|
|
119
|
-
"sx",
|
|
120
|
-
"className",
|
|
121
|
-
"preset",
|
|
122
|
-
"adapterLocale",
|
|
123
|
-
"clearButtonText",
|
|
124
|
-
"cancelButtonText",
|
|
125
|
-
"acceptButtonText",
|
|
126
|
-
"minutesStep",
|
|
127
|
-
"minTime",
|
|
128
|
-
"customClass",
|
|
129
|
-
"viewRenderers",
|
|
130
|
-
"timeSteps",
|
|
131
|
-
"ampm",
|
|
132
|
-
"textFieldProps",
|
|
133
|
-
"slotProps"
|
|
134
|
-
]);
|
|
135
|
-
const [validationError, setValidationError] = React.useState(null);
|
|
136
|
-
const validationErrorMessage = React.useMemo(
|
|
137
|
-
() => getDateTimeValidationMessage(validationError),
|
|
138
|
-
[validationError]
|
|
139
|
-
);
|
|
140
|
-
const customLocaleText = React.useMemo(
|
|
141
|
-
() => buildLocaleText(clearButtonText, cancelButtonText, acceptButtonText),
|
|
142
|
-
[clearButtonText, cancelButtonText, acceptButtonText]
|
|
143
|
-
);
|
|
144
|
-
const theme = styles.useTheme();
|
|
145
|
-
const presetSx = resolvePreset.resolvePreset("DateTimePicker", preset, theme);
|
|
146
|
-
const mergedSx = [
|
|
147
|
-
buildDateTimePickerSx(borderRadius, labelPosition),
|
|
148
|
-
...presetSx ? [presetSx] : [],
|
|
149
|
-
...Array.isArray(sx) ? sx : [sx]
|
|
150
|
-
];
|
|
151
|
-
const renderPicker = (value, onChange, onBlur, inputRef, rhfError, rhfHelperText) => {
|
|
152
|
-
const finalError = rhfError || !!validationErrorMessage || !!errorProp;
|
|
153
|
-
const finalHelperText = rhfHelperText || validationErrorMessage || helperText;
|
|
154
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
155
|
-
LocalizationProvider.LocalizationProvider,
|
|
156
|
-
__spreadProps(__spreadValues({
|
|
157
|
-
dateAdapter: AdapterDayjs.AdapterDayjs
|
|
158
|
-
}, adapterLocale ? { adapterLocale } : {}), {
|
|
159
|
-
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
160
|
-
DateTimePicker$1.DateTimePicker,
|
|
161
|
-
__spreadValues({
|
|
162
|
-
className: customClass || className,
|
|
163
|
-
label,
|
|
164
|
-
value,
|
|
165
|
-
onChange,
|
|
166
|
-
onError: setValidationError,
|
|
167
|
-
minDateTime,
|
|
168
|
-
maxDateTime,
|
|
169
|
-
minutesStep,
|
|
170
|
-
disabled,
|
|
171
|
-
readOnly,
|
|
172
|
-
minTime,
|
|
173
|
-
format: inputFormat != null ? inputFormat : "DD/MM/YYYY HH:mm",
|
|
174
|
-
viewRenderers,
|
|
175
|
-
timeSteps,
|
|
176
|
-
ampm,
|
|
177
|
-
sx: mergedSx,
|
|
178
|
-
slotProps: __spreadProps(__spreadValues({}, slotPropsProp), {
|
|
179
|
-
textField: __spreadValues(__spreadValues({
|
|
180
|
-
fullWidth: true,
|
|
181
|
-
size,
|
|
182
|
-
variant: "outlined",
|
|
183
|
-
onBlur,
|
|
184
|
-
inputRef,
|
|
185
|
-
error: !!finalError,
|
|
186
|
-
helperText: finalHelperText
|
|
187
|
-
}, slotPropsProp == null ? void 0 : slotPropsProp.textField), textFieldProps)
|
|
188
|
-
}),
|
|
189
|
-
localeText: customLocaleText
|
|
190
|
-
}, rest)
|
|
191
|
-
)
|
|
192
|
-
})
|
|
193
|
-
);
|
|
194
|
-
};
|
|
195
|
-
if ("control" in props && props.control) {
|
|
196
|
-
const { name, control, validation } = props;
|
|
197
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
198
|
-
reactHookForm.Controller,
|
|
199
|
-
{
|
|
200
|
-
name,
|
|
201
|
-
control,
|
|
202
|
-
rules: validation,
|
|
203
|
-
render: ({ field, fieldState: { error: fieldError } }) => {
|
|
204
|
-
var _a2;
|
|
205
|
-
return renderPicker(
|
|
206
|
-
(_a2 = field.value) != null ? _a2 : null,
|
|
207
|
-
field.onChange,
|
|
208
|
-
field.onBlur,
|
|
209
|
-
field.ref,
|
|
210
|
-
!!fieldError,
|
|
211
|
-
fieldError == null ? void 0 : fieldError.message
|
|
212
|
-
);
|
|
213
|
-
}
|
|
214
|
-
}
|
|
215
|
-
);
|
|
216
|
-
}
|
|
217
|
-
const { selectedDateTime, onDateTimeChange } = props;
|
|
218
|
-
return renderPicker(selectedDateTime, onDateTimeChange);
|
|
219
|
-
};
|
|
220
|
-
exports.DateTimePicker = DateTimePicker;
|
|
221
|
-
exports.default = DateTimePicker;
|
|
3
|
+
const DateTimePicker = require("../../DateTimePicker-CWNW09-O.cjs");
|
|
4
|
+
exports.DateTimePicker = DateTimePicker.DateTimePicker;
|
|
5
|
+
exports.default = DateTimePicker.DateTimePicker;
|
|
222
6
|
//# sourceMappingURL=DateTimePicker.cjs.map
|