@mantis-core/ui 0.1.3 → 0.3.0
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/COMPONENTS.md +15 -142
- package/PRIMEREACT_MAPPING.md +6 -0
- package/README.md +56 -72
- package/dist/components/Forms/AsyncSelect.d.ts +20 -0
- package/dist/components/Forms/AsyncSelect.d.ts.map +1 -0
- package/dist/components/Forms/AsyncSelect.js +77 -0
- package/dist/components/Forms/AsyncSelect.js.map +1 -0
- package/dist/components/Forms/CurrencyInput.d.ts +12 -0
- package/dist/components/Forms/CurrencyInput.d.ts.map +1 -0
- package/dist/components/Forms/CurrencyInput.js +9 -0
- package/dist/components/Forms/CurrencyInput.js.map +1 -0
- package/dist/components/Forms/DateRangeInput.d.ts +10 -0
- package/dist/components/Forms/DateRangeInput.d.ts.map +1 -0
- package/dist/components/Forms/DateRangeInput.js +13 -0
- package/dist/components/Forms/DateRangeInput.js.map +1 -0
- package/dist/components/Forms/DirtyFormGuard.d.ts +5 -0
- package/dist/components/Forms/DirtyFormGuard.d.ts.map +1 -0
- package/dist/components/Forms/DirtyFormGuard.js +8 -0
- package/dist/components/Forms/DirtyFormGuard.js.map +1 -0
- package/dist/components/Forms/FileDropzone.d.ts +29 -0
- package/dist/components/Forms/FileDropzone.d.ts.map +1 -0
- package/dist/components/Forms/FileDropzone.js +137 -0
- package/dist/components/Forms/FileDropzone.js.map +1 -0
- package/dist/components/Forms/FormActionsBar.d.ts +26 -0
- package/dist/components/Forms/FormActionsBar.d.ts.map +1 -0
- package/dist/components/Forms/FormActionsBar.js +16 -0
- package/dist/components/Forms/FormActionsBar.js.map +1 -0
- package/dist/components/Forms/FormWizard.d.ts +17 -0
- package/dist/components/Forms/FormWizard.d.ts.map +1 -0
- package/dist/components/Forms/FormWizard.js +63 -0
- package/dist/components/Forms/FormWizard.js.map +1 -0
- package/dist/components/Forms/PhoneInput.d.ts +11 -0
- package/dist/components/Forms/PhoneInput.d.ts.map +1 -0
- package/dist/components/Forms/PhoneInput.js +9 -0
- package/dist/components/Forms/PhoneInput.js.map +1 -0
- package/dist/components/Forms/RadioGroup.d.ts +15 -0
- package/dist/components/Forms/RadioGroup.d.ts.map +1 -0
- package/dist/components/Forms/RadioGroup.js +9 -0
- package/dist/components/Forms/RadioGroup.js.map +1 -0
- package/dist/components/Forms/RangeSlider.d.ts +13 -0
- package/dist/components/Forms/RangeSlider.d.ts.map +1 -0
- package/dist/components/Forms/RangeSlider.js +9 -0
- package/dist/components/Forms/RangeSlider.js.map +1 -0
- package/dist/components/Forms/SearchInput.d.ts +14 -0
- package/dist/components/Forms/SearchInput.d.ts.map +1 -0
- package/dist/components/Forms/SearchInput.js +34 -0
- package/dist/components/Forms/SearchInput.js.map +1 -0
- package/dist/components/Forms/useDirtyFormGuard.d.ts +12 -0
- package/dist/components/Forms/useDirtyFormGuard.d.ts.map +1 -0
- package/dist/components/Forms/useDirtyFormGuard.js +36 -0
- package/dist/components/Forms/useDirtyFormGuard.js.map +1 -0
- package/dist/components/pages/AdminPageHeader.d.ts.map +1 -1
- package/dist/components/pages/AdminPageHeader.js +2 -9
- package/dist/components/pages/AdminPageHeader.js.map +1 -1
- package/dist/components/pages/app-shell/AppShell.d.ts +5 -0
- package/dist/components/pages/app-shell/AppShell.d.ts.map +1 -0
- package/dist/components/pages/app-shell/AppShell.js +36 -0
- package/dist/components/pages/app-shell/AppShell.js.map +1 -0
- package/dist/components/pages/app-shell/Breadcrumbs.d.ts +8 -0
- package/dist/components/pages/app-shell/Breadcrumbs.d.ts.map +1 -0
- package/dist/components/pages/app-shell/Breadcrumbs.js +17 -0
- package/dist/components/pages/app-shell/Breadcrumbs.js.map +1 -0
- package/dist/components/pages/app-shell/index.d.ts +4 -0
- package/dist/components/pages/app-shell/index.d.ts.map +1 -0
- package/dist/components/pages/app-shell/index.js +3 -0
- package/dist/components/pages/app-shell/index.js.map +1 -0
- package/dist/components/pages/app-shell/types.d.ts +20 -0
- package/dist/components/pages/app-shell/types.d.ts.map +1 -0
- package/dist/components/pages/app-shell/types.js +2 -0
- package/dist/components/pages/app-shell/types.js.map +1 -0
- package/dist/components/ui/ConfirmDialog.d.ts +19 -0
- package/dist/components/ui/ConfirmDialog.d.ts.map +1 -0
- package/dist/components/ui/ConfirmDialog.js +20 -0
- package/dist/components/ui/ConfirmDialog.js.map +1 -0
- package/dist/components/ui/DataState.d.ts +20 -0
- package/dist/components/ui/DataState.d.ts.map +1 -0
- package/dist/components/ui/DataState.js +30 -0
- package/dist/components/ui/DataState.js.map +1 -0
- package/dist/components/ui/StatusBadge.d.ts +12 -0
- package/dist/components/ui/StatusBadge.d.ts.map +1 -0
- package/dist/components/ui/StatusBadge.js +19 -0
- package/dist/components/ui/StatusBadge.js.map +1 -0
- package/dist/index.d.ts +16 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +8 -0
- package/dist/index.js.map +1 -1
- package/docs/README.md +72 -0
- package/docs/components/action-column.md +17 -0
- package/docs/components/admin-page-header.md +21 -0
- package/docs/components/admin-page-layout.md +29 -0
- package/docs/components/async-select.md +26 -0
- package/docs/components/button.md +25 -0
- package/docs/components/ckeditor-input.md +24 -0
- package/docs/components/confirm-dialog.md +21 -0
- package/docs/components/data-state.md +19 -0
- package/docs/components/date-input.md +22 -0
- package/docs/components/dirty-form-guard.md +31 -0
- package/docs/components/drop-down.md +28 -0
- package/docs/components/error-message.md +13 -0
- package/docs/components/file-dropzone.md +25 -0
- package/docs/components/filter-pannel.md +23 -0
- package/docs/components/form-actions-bar.md +22 -0
- package/docs/components/form-field-render.md +20 -0
- package/docs/components/form-section.md +15 -0
- package/docs/components/hidden-field.md +19 -0
- package/docs/components/index-column.md +13 -0
- package/docs/components/loading.md +21 -0
- package/docs/components/map-picker-client.md +22 -0
- package/docs/components/map-picker-osm.md +18 -0
- package/docs/components/map-picker.md +21 -0
- package/docs/components/menu-button.md +22 -0
- package/docs/components/multi-select-filter.md +20 -0
- package/docs/components/multi-select.md +23 -0
- package/docs/components/number-input.md +20 -0
- package/docs/components/page-title.md +13 -0
- package/docs/components/paginated-table.md +35 -0
- package/docs/components/pagination.md +27 -0
- package/docs/components/render-field.md +24 -0
- package/docs/components/rich-text-preview.md +18 -0
- package/docs/components/select.md +28 -0
- package/docs/components/status-badge.md +14 -0
- package/docs/components/switch.md +27 -0
- package/docs/components/table-filter-field.md +21 -0
- package/docs/components/table-toolbar.md +19 -0
- package/docs/components/text-area.md +20 -0
- package/docs/components/text-input.md +23 -0
- package/docs/components/time-picker.md +22 -0
- package/docs/components/toggle-inline-button.md +22 -0
- package/docs/components/toggle.md +21 -0
- package/docs/components/upload-files-preview.md +26 -0
- package/docs/contracts/controller-props.md +28 -0
- package/docs/contracts/dependency-map.md +57 -0
- package/docs/contracts/style-imports.md +27 -0
- package/package.json +6 -4
|
@@ -0,0 +1,137 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { cn } from "@mantis-core/utils";
|
|
4
|
+
import { AlertCircle, File as FileIcon, UploadCloud, X } from "lucide-react";
|
|
5
|
+
import { useMemo, useRef, useState } from "react";
|
|
6
|
+
import { Controller } from "react-hook-form";
|
|
7
|
+
const DEFAULT_DROP_TITLE = "Arrastra y suelta archivos aqui";
|
|
8
|
+
const DEFAULT_DRAG_OVER_TITLE = "Suelta los archivos aqui";
|
|
9
|
+
const DEFAULT_HINT = "o haz clic para seleccionar archivos";
|
|
10
|
+
const toArray = (accept) => {
|
|
11
|
+
if (!accept)
|
|
12
|
+
return [];
|
|
13
|
+
if (Array.isArray(accept))
|
|
14
|
+
return accept.map((item) => item.trim()).filter(Boolean);
|
|
15
|
+
return accept
|
|
16
|
+
.split(",")
|
|
17
|
+
.map((item) => item.trim())
|
|
18
|
+
.filter(Boolean);
|
|
19
|
+
};
|
|
20
|
+
const isAcceptedType = (file, acceptList) => {
|
|
21
|
+
if (acceptList.length === 0)
|
|
22
|
+
return true;
|
|
23
|
+
const fileName = file.name.toLowerCase();
|
|
24
|
+
const fileType = file.type.toLowerCase();
|
|
25
|
+
return acceptList.some((rule) => {
|
|
26
|
+
const normalizedRule = rule.toLowerCase();
|
|
27
|
+
if (normalizedRule.startsWith(".")) {
|
|
28
|
+
return fileName.endsWith(normalizedRule);
|
|
29
|
+
}
|
|
30
|
+
if (normalizedRule.endsWith("/*")) {
|
|
31
|
+
const prefix = normalizedRule.slice(0, normalizedRule.length - 1);
|
|
32
|
+
return fileType.startsWith(prefix);
|
|
33
|
+
}
|
|
34
|
+
return fileType === normalizedRule;
|
|
35
|
+
});
|
|
36
|
+
};
|
|
37
|
+
const formatBytes = (bytes) => {
|
|
38
|
+
if (bytes < 1024)
|
|
39
|
+
return `${bytes} B`;
|
|
40
|
+
if (bytes < 1024 ** 2)
|
|
41
|
+
return `${(bytes / 1024).toFixed(1)} KB`;
|
|
42
|
+
return `${(bytes / 1024 ** 2).toFixed(1)} MB`;
|
|
43
|
+
};
|
|
44
|
+
const FileDropzoneInner = ({ value, onChange, onFilesAccepted, onFilesRejected, multiple = true, maxFiles = 10, maxSizeBytes = 10 * 1024 * 1024, accept, disabled = false, block = true, label, hint = DEFAULT_HINT, dropTitle = DEFAULT_DROP_TITLE, dragOverTitle = DEFAULT_DRAG_OVER_TITLE, className, }) => {
|
|
45
|
+
const [isDraggingOver, setIsDraggingOver] = useState(false);
|
|
46
|
+
const [lastRejections, setLastRejections] = useState([]);
|
|
47
|
+
const inputRef = useRef(null);
|
|
48
|
+
const acceptList = useMemo(() => toArray(accept), [accept]);
|
|
49
|
+
const appendFiles = (incomingFiles) => {
|
|
50
|
+
if (!incomingFiles || incomingFiles.length === 0 || disabled)
|
|
51
|
+
return;
|
|
52
|
+
const current = value ?? [];
|
|
53
|
+
const accepted = [];
|
|
54
|
+
const rejected = [];
|
|
55
|
+
for (const file of Array.from(incomingFiles)) {
|
|
56
|
+
if (!isAcceptedType(file, acceptList)) {
|
|
57
|
+
rejected.push({
|
|
58
|
+
file,
|
|
59
|
+
code: "invalid-file-type",
|
|
60
|
+
message: `El archivo ${file.name} no cumple el tipo permitido.`,
|
|
61
|
+
});
|
|
62
|
+
continue;
|
|
63
|
+
}
|
|
64
|
+
if (file.size > maxSizeBytes) {
|
|
65
|
+
rejected.push({
|
|
66
|
+
file,
|
|
67
|
+
code: "file-too-large",
|
|
68
|
+
message: `El archivo ${file.name} supera el maximo permitido (${formatBytes(maxSizeBytes)}).`,
|
|
69
|
+
});
|
|
70
|
+
continue;
|
|
71
|
+
}
|
|
72
|
+
if (!multiple && current.length + accepted.length >= 1) {
|
|
73
|
+
rejected.push({
|
|
74
|
+
file,
|
|
75
|
+
code: "too-many-files",
|
|
76
|
+
message: "Solo se permite un archivo.",
|
|
77
|
+
});
|
|
78
|
+
continue;
|
|
79
|
+
}
|
|
80
|
+
if (current.length + accepted.length >= maxFiles) {
|
|
81
|
+
rejected.push({
|
|
82
|
+
file,
|
|
83
|
+
code: "too-many-files",
|
|
84
|
+
message: `Solo se permiten ${maxFiles} archivos.`,
|
|
85
|
+
});
|
|
86
|
+
continue;
|
|
87
|
+
}
|
|
88
|
+
accepted.push(file);
|
|
89
|
+
}
|
|
90
|
+
if (accepted.length > 0) {
|
|
91
|
+
const mergedFiles = [...current, ...accepted];
|
|
92
|
+
onChange(mergedFiles);
|
|
93
|
+
onFilesAccepted?.(accepted);
|
|
94
|
+
}
|
|
95
|
+
if (rejected.length > 0) {
|
|
96
|
+
setLastRejections(rejected);
|
|
97
|
+
onFilesRejected?.(rejected);
|
|
98
|
+
}
|
|
99
|
+
else {
|
|
100
|
+
setLastRejections([]);
|
|
101
|
+
}
|
|
102
|
+
};
|
|
103
|
+
return (_jsxs("div", { className: cn("mantis-core-file-dropzone", className, { "w-full": block }), children: [label ? _jsx("p", { className: 'mantis-core-file-dropzone__label', children: label }) : null, _jsxs("div", { role: 'button', tabIndex: disabled ? -1 : 0, className: cn("mantis-core-file-dropzone__zone", {
|
|
104
|
+
"mantis-core-file-dropzone__zone--drag": isDraggingOver && !disabled,
|
|
105
|
+
"mantis-core-file-dropzone__zone--disabled": disabled,
|
|
106
|
+
}), onClick: () => !disabled && inputRef.current?.click(), onKeyDown: (event) => {
|
|
107
|
+
if ((event.key === "Enter" || event.key === " ") && !disabled) {
|
|
108
|
+
event.preventDefault();
|
|
109
|
+
inputRef.current?.click();
|
|
110
|
+
}
|
|
111
|
+
}, onDragOver: (event) => {
|
|
112
|
+
event.preventDefault();
|
|
113
|
+
if (!disabled)
|
|
114
|
+
setIsDraggingOver(true);
|
|
115
|
+
}, onDragLeave: () => setIsDraggingOver(false), onDrop: (event) => {
|
|
116
|
+
event.preventDefault();
|
|
117
|
+
setIsDraggingOver(false);
|
|
118
|
+
appendFiles(event.dataTransfer.files);
|
|
119
|
+
}, children: [_jsx("input", { ref: inputRef, type: 'file', className: 'hidden', disabled: disabled, multiple: multiple, accept: acceptList.join(","), onChange: (event) => {
|
|
120
|
+
appendFiles(event.target.files);
|
|
121
|
+
event.target.value = "";
|
|
122
|
+
} }), _jsx("div", { className: 'mantis-core-file-dropzone__icon', children: _jsx(UploadCloud, { size: 22 }) }), _jsx("p", { className: 'mantis-core-file-dropzone__title', children: isDraggingOver && !disabled ? dragOverTitle : dropTitle }), _jsx("p", { className: 'mantis-core-file-dropzone__hint', children: hint })] }), value.length > 0 ? (_jsx("ul", { className: 'mantis-core-file-dropzone__list', children: value.map((file, index) => (_jsxs("li", { className: 'mantis-core-file-dropzone__item', children: [_jsxs("span", { className: 'mantis-core-file-dropzone__item-copy', children: [_jsx(FileIcon, { size: 14 }), _jsx("span", { className: 'mantis-core-file-dropzone__item-name', children: file.name }), _jsx("span", { className: 'mantis-core-file-dropzone__item-size', children: formatBytes(file.size) })] }), _jsx("button", { type: 'button', className: 'mantis-core-file-dropzone__remove', onClick: () => {
|
|
123
|
+
const nextFiles = value.filter((_, itemIndex) => itemIndex !== index);
|
|
124
|
+
onChange(nextFiles);
|
|
125
|
+
}, title: 'Quitar archivo', disabled: disabled, children: _jsx(X, { size: 14 }) })] }, `${file.name}-${file.lastModified}-${index}`))) })) : null, lastRejections.length > 0 ? (_jsx("ul", { className: 'mantis-core-file-dropzone__error-list', children: lastRejections.map((rejection, index) => (_jsxs("li", { className: 'mantis-core-file-dropzone__error-item', children: [_jsx(AlertCircle, { size: 12 }), _jsx("span", { children: rejection.message })] }, `${rejection.file.name}-${rejection.code}-${index}`))) })) : null] }));
|
|
126
|
+
};
|
|
127
|
+
const FileDropzone = ({ controller, value, onChange, ...rest }) => {
|
|
128
|
+
if (controller) {
|
|
129
|
+
return (_jsx(Controller, { defaultValue: controller.defaultValue ?? [], ...controller, render: ({ field, formState }) => (_jsx(FileDropzoneInner, { ...rest, value: Array.isArray(field.value) ? field.value : [], onChange: (files) => {
|
|
130
|
+
field.onChange(files);
|
|
131
|
+
onChange?.(files);
|
|
132
|
+
}, disabled: formState.isSubmitting || rest.disabled })) }));
|
|
133
|
+
}
|
|
134
|
+
return _jsx(FileDropzoneInner, { ...rest, value: value ?? [], onChange: onChange ?? (() => undefined) });
|
|
135
|
+
};
|
|
136
|
+
export default FileDropzone;
|
|
137
|
+
//# sourceMappingURL=FileDropzone.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FileDropzone.js","sourceRoot":"","sources":["../../../src/components/Forms/FileDropzone.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import type { ReactNode } from "react";
|
|
2
|
+
import { type ButtonVariant } from "../Buttons/Button";
|
|
3
|
+
type Align = "start" | "end" | "between";
|
|
4
|
+
type ActionType = "button" | "submit" | "reset";
|
|
5
|
+
export interface FormActionsBarProps {
|
|
6
|
+
className?: string;
|
|
7
|
+
align?: Align;
|
|
8
|
+
sticky?: boolean;
|
|
9
|
+
leftSlot?: ReactNode;
|
|
10
|
+
rightSlot?: ReactNode;
|
|
11
|
+
primaryLabel?: string;
|
|
12
|
+
primaryVariant?: ButtonVariant;
|
|
13
|
+
primaryType?: ActionType;
|
|
14
|
+
primaryLoading?: boolean;
|
|
15
|
+
primaryDisabled?: boolean;
|
|
16
|
+
onPrimaryClick?: () => void;
|
|
17
|
+
secondaryLabel?: string;
|
|
18
|
+
secondaryVariant?: ButtonVariant;
|
|
19
|
+
secondaryType?: ActionType;
|
|
20
|
+
secondaryOutlined?: boolean;
|
|
21
|
+
secondaryDisabled?: boolean;
|
|
22
|
+
onSecondaryClick?: () => void;
|
|
23
|
+
}
|
|
24
|
+
declare const FormActionsBar: ({ className, align, sticky, leftSlot, rightSlot, primaryLabel, primaryVariant, primaryType, primaryLoading, primaryDisabled, onPrimaryClick, secondaryLabel, secondaryVariant, secondaryType, secondaryOutlined, secondaryDisabled, onSecondaryClick, }: FormActionsBarProps) => import("react/jsx-runtime").JSX.Element;
|
|
25
|
+
export default FormActionsBar;
|
|
26
|
+
//# sourceMappingURL=FormActionsBar.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FormActionsBar.d.ts","sourceRoot":"","sources":["../../../src/components/Forms/FormActionsBar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAe,EAAE,KAAK,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAE/D,KAAK,KAAK,GAAG,OAAO,GAAG,KAAK,GAAG,SAAS,CAAC;AAEzC,KAAK,UAAU,GAAG,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEhD,MAAM,WAAW,mBAAmB;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,aAAa,CAAC;IAC/B,WAAW,CAAC,EAAE,UAAU,CAAC;IACzB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,gBAAgB,CAAC,EAAE,aAAa,CAAC;IACjC,aAAa,CAAC,EAAE,UAAU,CAAC;IAC3B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;CAC/B;AAQD,QAAA,MAAM,cAAc,GAAI,yPAkBrB,mBAAmB,4CAsCrB,CAAC;AAEF,eAAe,cAAc,CAAC"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import classNames from "classnames";
|
|
4
|
+
import Button from "../Buttons/Button";
|
|
5
|
+
const ALIGN_CLASS = {
|
|
6
|
+
start: "mantis-core-form-actions--start",
|
|
7
|
+
end: "mantis-core-form-actions--end",
|
|
8
|
+
between: "mantis-core-form-actions--between",
|
|
9
|
+
};
|
|
10
|
+
const FormActionsBar = ({ className, align = "between", sticky = false, leftSlot, rightSlot, primaryLabel = "Guardar", primaryVariant = "primary", primaryType = "submit", primaryLoading = false, primaryDisabled = false, onPrimaryClick, secondaryLabel, secondaryVariant = "secondary", secondaryType = "button", secondaryOutlined = true, secondaryDisabled = false, onSecondaryClick, }) => {
|
|
11
|
+
return (_jsxs("div", { className: classNames("mantis-core-form-actions", ALIGN_CLASS[align], {
|
|
12
|
+
"mantis-core-form-actions--sticky": sticky,
|
|
13
|
+
}, className), children: [_jsx("div", { className: 'mantis-core-form-actions__left', children: leftSlot }), _jsxs("div", { className: 'mantis-core-form-actions__right', children: [rightSlot, secondaryLabel ? (_jsx(Button, { label: secondaryLabel, variant: secondaryVariant, type: secondaryType, outlined: secondaryOutlined, disabled: secondaryDisabled || primaryLoading, onClick: onSecondaryClick })) : null, primaryLabel ? (_jsx(Button, { label: primaryLabel, variant: primaryVariant, type: primaryType, loading: primaryLoading, disabled: primaryDisabled || primaryLoading, onClick: onPrimaryClick })) : null] })] }));
|
|
14
|
+
};
|
|
15
|
+
export default FormActionsBar;
|
|
16
|
+
//# sourceMappingURL=FormActionsBar.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FormActionsBar.js","sourceRoot":"","sources":["../../../src/components/Forms/FormActionsBar.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,MAA8B,MAAM,mBAAmB,CAAC;AA0B/D,MAAM,WAAW,GAA0B;IACzC,KAAK,EAAE,iCAAiC;IACxC,GAAG,EAAE,+BAA+B;IACpC,OAAO,EAAE,mCAAmC;CAC7C,CAAC;AAEF,MAAM,cAAc,GAAG,CAAC,EACtB,SAAS,EACT,KAAK,GAAG,SAAS,EACjB,MAAM,GAAG,KAAK,EACd,QAAQ,EACR,SAAS,EACT,YAAY,GAAG,SAAS,EACxB,cAAc,GAAG,SAAS,EAC1B,WAAW,GAAG,QAAQ,EACtB,cAAc,GAAG,KAAK,EACtB,eAAe,GAAG,KAAK,EACvB,cAAc,EACd,cAAc,EACd,gBAAgB,GAAG,WAAW,EAC9B,aAAa,GAAG,QAAQ,EACxB,iBAAiB,GAAG,IAAI,EACxB,iBAAiB,GAAG,KAAK,EACzB,gBAAgB,GACI,EAAE,EAAE;IACxB,OAAO,CACL,eACE,SAAS,EAAE,UAAU,CACnB,0BAA0B,EAC1B,WAAW,CAAC,KAAK,CAAC,EAClB;YACE,kCAAkC,EAAE,MAAM;SAC3C,EACD,SAAS,CACV,aACD,cAAK,SAAS,EAAC,gCAAgC,YAAE,QAAQ,GAAO,EAEhE,eAAK,SAAS,EAAC,iCAAiC,aAC7C,SAAS,EACT,cAAc,CAAC,CAAC,CAAC,CAChB,KAAC,MAAM,IACL,KAAK,EAAE,cAAc,EACrB,OAAO,EAAE,gBAAgB,EACzB,IAAI,EAAE,aAAa,EACnB,QAAQ,EAAE,iBAAiB,EAC3B,QAAQ,EAAE,iBAAiB,IAAI,cAAc,EAC7C,OAAO,EAAE,gBAAgB,GACzB,CACH,CAAC,CAAC,CAAC,IAAI,EACP,YAAY,CAAC,CAAC,CAAC,CACd,KAAC,MAAM,IACL,KAAK,EAAE,YAAY,EACnB,OAAO,EAAE,cAAc,EACvB,IAAI,EAAE,WAAW,EACjB,OAAO,EAAE,cAAc,EACvB,QAAQ,EAAE,eAAe,IAAI,cAAc,EAC3C,OAAO,EAAE,cAAc,GACvB,CACH,CAAC,CAAC,CAAC,IAAI,IACJ,IACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import type { ReactNode } from "react";
|
|
2
|
+
export interface FormWizardStep {
|
|
3
|
+
label: string;
|
|
4
|
+
/** Field names to validate before advancing. Omit to skip validation. */
|
|
5
|
+
fields?: string[];
|
|
6
|
+
content: ReactNode;
|
|
7
|
+
}
|
|
8
|
+
export interface FormWizardProps {
|
|
9
|
+
steps: FormWizardStep[];
|
|
10
|
+
/** Called when the final step's submit button is clicked (alternative to <form onSubmit>). */
|
|
11
|
+
onComplete?: () => void | Promise<void>;
|
|
12
|
+
submitLabel?: string;
|
|
13
|
+
className?: string;
|
|
14
|
+
}
|
|
15
|
+
declare const FormWizard: ({ steps, onComplete, submitLabel, className, }: FormWizardProps) => import("react/jsx-runtime").JSX.Element;
|
|
16
|
+
export default FormWizard;
|
|
17
|
+
//# sourceMappingURL=FormWizard.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FormWizard.d.ts","sourceRoot":"","sources":["../../../src/components/Forms/FormWizard.tsx"],"names":[],"mappings":"AA8BA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvC,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,yEAAyE;IACzE,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,OAAO,EAAE,SAAS,CAAC;CACpB;AAED,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,8FAA8F;IAC9F,UAAU,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACxC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,UAAU,GAAI,gDAKjB,eAAe,4CA+EjB,CAAC;AAEF,eAAe,UAAU,CAAC"}
|
|
@@ -0,0 +1,63 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* FormWizard — multi-step form navigator.
|
|
3
|
+
*
|
|
4
|
+
* MUST be rendered inside a <FormProvider> (react-hook-form).
|
|
5
|
+
* The parent owns <form onSubmit={handleSubmit(onSubmit)}>.
|
|
6
|
+
*
|
|
7
|
+
* Submit wiring: the final-step button uses type="submit" so the surrounding
|
|
8
|
+
* <form onSubmit> fires without any extra callback. `onComplete` is an optional
|
|
9
|
+
* escape hatch for wizard usage outside a <form> element.
|
|
10
|
+
*
|
|
11
|
+
* Minimal usage example:
|
|
12
|
+
* ──────────────────────
|
|
13
|
+
* const form = useForm<MyData>();
|
|
14
|
+
*
|
|
15
|
+
* <FormProvider {...form}>
|
|
16
|
+
* <form onSubmit={form.handleSubmit(onSubmit)}>
|
|
17
|
+
* <FormWizard
|
|
18
|
+
* steps={[
|
|
19
|
+
* { label: "Datos", fields: ["name", "email"], content: <Step1 /> },
|
|
20
|
+
* { label: "Confirmar", content: <Step2 /> },
|
|
21
|
+
* ]}
|
|
22
|
+
* submitLabel="Guardar"
|
|
23
|
+
* />
|
|
24
|
+
* </form>
|
|
25
|
+
* </FormProvider>
|
|
26
|
+
*/
|
|
27
|
+
"use client";
|
|
28
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
29
|
+
import classNames from "classnames";
|
|
30
|
+
import { Steps } from "primereact/steps";
|
|
31
|
+
import { useState } from "react";
|
|
32
|
+
import { useFormContext } from "react-hook-form";
|
|
33
|
+
import Button from "../Buttons/Button";
|
|
34
|
+
const FormWizard = ({ steps, onComplete, submitLabel = "Finalizar", className, }) => {
|
|
35
|
+
const { trigger, formState } = useFormContext();
|
|
36
|
+
const [active, setActive] = useState(0);
|
|
37
|
+
// Guard: normalise to at least 1 step
|
|
38
|
+
const total = Math.max(steps.length, 1);
|
|
39
|
+
const isLast = active === total - 1;
|
|
40
|
+
const currentStep = steps[active];
|
|
41
|
+
const stepsModel = steps.map((s) => ({ label: s.label }));
|
|
42
|
+
const handleNext = async () => {
|
|
43
|
+
const fields = currentStep?.fields;
|
|
44
|
+
if (fields && fields.length > 0) {
|
|
45
|
+
const valid = await trigger(fields);
|
|
46
|
+
if (!valid)
|
|
47
|
+
return;
|
|
48
|
+
}
|
|
49
|
+
setActive((prev) => Math.min(prev + 1, total - 1));
|
|
50
|
+
};
|
|
51
|
+
const handleBack = () => {
|
|
52
|
+
setActive((prev) => Math.max(prev - 1, 0));
|
|
53
|
+
};
|
|
54
|
+
return (_jsxs("div", { className: classNames("mantis-core-wizard", className), children: [_jsx(Steps, { model: stepsModel, activeIndex: active, readOnly: true, className: "mantis-core-wizard__steps mb-4" }), _jsx("div", { className: "mantis-core-wizard__content", children: currentStep?.content }), _jsxs("div", { className: "mantis-core-wizard__footer mantis-core-form-actions mantis-core-form-actions--between mt-4", children: [_jsx("div", { className: "mantis-core-form-actions__left", children: active > 0 && (_jsx(Button, { type: "button", label: "Atr\u00E1s", variant: "secondary", outlined: true, disabled: formState.isSubmitting, onClick: handleBack })) }), _jsx("div", { className: "mantis-core-form-actions__right", children: isLast ? (_jsx(Button
|
|
55
|
+
/* ponytail: type="submit" — parent <form onSubmit> handles submission;
|
|
56
|
+
onComplete is the escape hatch for formless usage */
|
|
57
|
+
, {
|
|
58
|
+
/* ponytail: type="submit" — parent <form onSubmit> handles submission;
|
|
59
|
+
onComplete is the escape hatch for formless usage */
|
|
60
|
+
type: onComplete ? "button" : "submit", label: submitLabel, variant: "primary", loading: formState.isSubmitting, disabled: formState.isSubmitting, onClick: onComplete ? () => void onComplete() : undefined })) : (_jsx(Button, { type: "button", label: "Siguiente", variant: "primary", disabled: formState.isSubmitting, onClick: () => void handleNext() })) })] })] }));
|
|
61
|
+
};
|
|
62
|
+
export default FormWizard;
|
|
63
|
+
//# sourceMappingURL=FormWizard.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FormWizard.js","sourceRoot":"","sources":["../../../src/components/Forms/FormWizard.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { InputMaskProps } from 'primereact/inputmask';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { ControllerProps } from './types';
|
|
4
|
+
export interface PhoneInputProps extends Omit<InputMaskProps, 'name' | 'defaultValue'> {
|
|
5
|
+
controller: ControllerProps;
|
|
6
|
+
block?: boolean;
|
|
7
|
+
mask?: string;
|
|
8
|
+
}
|
|
9
|
+
declare const PhoneInput: React.FC<PhoneInputProps>;
|
|
10
|
+
export default PhoneInput;
|
|
11
|
+
//# sourceMappingURL=PhoneInput.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PhoneInput.d.ts","sourceRoot":"","sources":["../../../src/components/Forms/PhoneInput.tsx"],"names":[],"mappings":"AACA,OAAO,EAAa,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACjE,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE1C,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,cAAc,EAAE,MAAM,GAAG,cAAc,CAAC;IACpF,UAAU,EAAE,eAAe,CAAC;IAC5B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAqBzC,CAAC;AAEF,eAAe,UAAU,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import classNames from 'classnames';
|
|
3
|
+
import { InputMask } from 'primereact/inputmask';
|
|
4
|
+
import { Controller } from 'react-hook-form';
|
|
5
|
+
const PhoneInput = ({ controller, block, mask = '(999) 999-9999', ...rest }) => {
|
|
6
|
+
return (_jsx(Controller, { ...controller, render: ({ field, fieldState, formState }) => (_jsx(InputMask, { id: rest.id || field.name, ...rest, mask: mask, name: field.name, value: field.value ?? '', onBlur: field.onBlur, onChange: (e) => field.onChange(e.value), ref: field.ref, disabled: formState.isSubmitting || rest.disabled, invalid: fieldState.invalid, className: classNames(rest.className, { 'w-full': block }) })) }));
|
|
7
|
+
};
|
|
8
|
+
export default PhoneInput;
|
|
9
|
+
//# sourceMappingURL=PhoneInput.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PhoneInput.js","sourceRoot":"","sources":["../../../src/components/Forms/PhoneInput.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,SAAS,EAAkB,MAAM,sBAAsB,CAAC;AAEjE,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAS7C,MAAM,UAAU,GAA8B,CAAC,EAAE,UAAU,EAAE,KAAK,EAAE,IAAI,GAAG,gBAAgB,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IACxG,OAAO,CACL,KAAC,UAAU,OACL,UAAU,EACd,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,CAC5C,KAAC,SAAS,IACR,EAAE,EAAE,IAAI,CAAC,EAAE,IAAI,KAAK,CAAC,IAAI,KACrB,IAAI,EACR,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,KAAK,EAAE,KAAK,CAAC,KAAK,IAAI,EAAE,EACxB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,EACxC,GAAG,EAAE,KAAK,CAAC,GAAG,EACd,QAAQ,EAAE,SAAS,CAAC,YAAY,IAAI,IAAI,CAAC,QAAQ,EACjD,OAAO,EAAE,UAAU,CAAC,OAAO,EAC3B,SAAS,EAAE,UAAU,CAAC,IAAI,CAAC,SAAS,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,GAC1D,CACH,GACD,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { ControllerProps } from './types';
|
|
3
|
+
export interface RadioGroupProps {
|
|
4
|
+
controller: ControllerProps;
|
|
5
|
+
options: {
|
|
6
|
+
label: string;
|
|
7
|
+
value: any;
|
|
8
|
+
}[];
|
|
9
|
+
block?: boolean;
|
|
10
|
+
disabled?: boolean;
|
|
11
|
+
className?: string;
|
|
12
|
+
}
|
|
13
|
+
declare const RadioGroup: React.FC<RadioGroupProps>;
|
|
14
|
+
export default RadioGroup;
|
|
15
|
+
//# sourceMappingURL=RadioGroup.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../../../src/components/Forms/RadioGroup.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE1C,MAAM,WAAW,eAAe;IAC9B,UAAU,EAAE,eAAe,CAAC;IAC5B,OAAO,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,GAAG,CAAA;KAAE,EAAE,CAAC;IACzC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAyBzC,CAAC;AAEF,eAAe,UAAU,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import classNames from 'classnames';
|
|
3
|
+
import { RadioButton } from 'primereact/radiobutton';
|
|
4
|
+
import { Controller } from 'react-hook-form';
|
|
5
|
+
const RadioGroup = ({ controller, options, block, disabled, className }) => {
|
|
6
|
+
return (_jsx(Controller, { ...controller, render: ({ field, formState }) => (_jsx("div", { className: classNames('flex flex-column gap-2', { 'w-full': block }, className), children: options.map((opt) => (_jsxs("div", { className: "flex align-items-center gap-2", children: [_jsx(RadioButton, { inputId: `${field.name}_${opt.value}`, name: field.name, value: opt.value, checked: field.value === opt.value, onChange: () => field.onChange(opt.value), onBlur: field.onBlur, disabled: formState.isSubmitting || disabled, ref: field.ref }), _jsx("label", { htmlFor: `${field.name}_${opt.value}`, children: opt.label })] }, String(opt.value)))) })) }));
|
|
7
|
+
};
|
|
8
|
+
export default RadioGroup;
|
|
9
|
+
//# sourceMappingURL=RadioGroup.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RadioGroup.js","sourceRoot":"","sources":["../../../src/components/Forms/RadioGroup.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAErD,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAW7C,MAAM,UAAU,GAA8B,CAAC,EAAE,UAAU,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,EAAE;IACpG,OAAO,CACL,KAAC,UAAU,OACL,UAAU,EACd,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,CAChC,cAAK,SAAS,EAAE,UAAU,CAAC,wBAAwB,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,SAAS,CAAC,YACjF,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CACpB,eAA6B,SAAS,EAAC,+BAA+B,aACpE,KAAC,WAAW,IACV,OAAO,EAAE,GAAG,KAAK,CAAC,IAAI,IAAI,GAAG,CAAC,KAAK,EAAE,EACrC,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,KAAK,EAAE,GAAG,CAAC,KAAK,EAChB,OAAO,EAAE,KAAK,CAAC,KAAK,KAAK,GAAG,CAAC,KAAK,EAClC,QAAQ,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,EACzC,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,QAAQ,EAAE,SAAS,CAAC,YAAY,IAAI,QAAQ,EAC5C,GAAG,EAAE,KAAK,CAAC,GAAG,GACd,EACF,gBAAO,OAAO,EAAE,GAAG,KAAK,CAAC,IAAI,IAAI,GAAG,CAAC,KAAK,EAAE,YAAG,GAAG,CAAC,KAAK,GAAS,KAXzD,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,CAYrB,CACP,CAAC,GACE,CACP,GACD,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { SliderProps } from 'primereact/slider';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { ControllerProps } from './types';
|
|
4
|
+
export interface RangeSliderProps extends Omit<SliderProps, 'name' | 'range' | 'value' | 'onChange'> {
|
|
5
|
+
controller: ControllerProps;
|
|
6
|
+
block?: boolean;
|
|
7
|
+
min?: number;
|
|
8
|
+
max?: number;
|
|
9
|
+
step?: number;
|
|
10
|
+
}
|
|
11
|
+
declare const RangeSlider: React.FC<RangeSliderProps>;
|
|
12
|
+
export default RangeSlider;
|
|
13
|
+
//# sourceMappingURL=RangeSlider.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RangeSlider.d.ts","sourceRoot":"","sources":["../../../src/components/Forms/RangeSlider.tsx"],"names":[],"mappings":"AACA,OAAO,EAAU,WAAW,EAAE,MAAM,mBAAmB,CAAC;AACxD,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE1C,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,WAAW,EAAE,MAAM,GAAG,OAAO,GAAG,OAAO,GAAG,UAAU,CAAC;IAClG,UAAU,EAAE,eAAe,CAAC;IAC5B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAmB3C,CAAC;AAEF,eAAe,WAAW,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import classNames from 'classnames';
|
|
3
|
+
import { Slider } from 'primereact/slider';
|
|
4
|
+
import { Controller } from 'react-hook-form';
|
|
5
|
+
const RangeSlider = ({ controller, block, min, max, step, ...rest }) => {
|
|
6
|
+
return (_jsx(Controller, { ...controller, render: ({ field, formState }) => (_jsx(Slider, { ...rest, range: true, min: min, max: max, step: step, disabled: formState.isSubmitting || rest.disabled, className: classNames(rest.className, { 'w-full': block }), value: field.value ?? [min ?? 0, max ?? 100], onChange: (e) => field.onChange(e.value) })) }));
|
|
7
|
+
};
|
|
8
|
+
export default RangeSlider;
|
|
9
|
+
//# sourceMappingURL=RangeSlider.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RangeSlider.js","sourceRoot":"","sources":["../../../src/components/Forms/RangeSlider.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,MAAM,EAAe,MAAM,mBAAmB,CAAC;AAExD,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAW7C,MAAM,WAAW,GAA+B,CAAC,EAAE,UAAU,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IACjG,OAAO,CACL,KAAC,UAAU,OACL,UAAU,EACd,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,CAChC,KAAC,MAAM,OACD,IAAI,EACR,KAAK,QACL,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,SAAS,CAAC,YAAY,IAAI,IAAI,CAAC,QAAQ,EACjD,SAAS,EAAE,UAAU,CAAC,IAAI,CAAC,SAAS,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,EAC1D,KAAK,EAAG,KAAK,CAAC,KAA0B,IAAI,CAAC,GAAG,IAAI,CAAC,EAAE,GAAG,IAAI,GAAG,CAAC,EAClE,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,GACxC,CACH,GACD,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { InputTextProps } from 'primereact/inputtext';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { ControllerProps } from './types';
|
|
4
|
+
export interface SearchInputProps extends Omit<InputTextProps, 'name' | 'defaultValue' | 'value' | 'onChange'> {
|
|
5
|
+
controller?: ControllerProps;
|
|
6
|
+
block?: boolean;
|
|
7
|
+
onSearch?: (value: string) => void;
|
|
8
|
+
debounceMs?: number;
|
|
9
|
+
value?: string;
|
|
10
|
+
onChange?: (value: string) => void;
|
|
11
|
+
}
|
|
12
|
+
declare const SearchInput: React.FC<SearchInputProps>;
|
|
13
|
+
export default SearchInput;
|
|
14
|
+
//# sourceMappingURL=SearchInput.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SearchInput.d.ts","sourceRoot":"","sources":["../../../src/components/Forms/SearchInput.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAa,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACjE,OAAO,KAA2B,MAAM,OAAO,CAAC;AAEhD,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAW1C,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,cAAc,EAAE,MAAM,GAAG,cAAc,GAAG,OAAO,GAAG,UAAU,CAAC;IAC5G,UAAU,CAAC,EAAE,eAAe,CAAC;IAC7B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC;AAED,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAsD3C,CAAC;AAEF,eAAe,WAAW,CAAC"}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import classNames from 'classnames';
|
|
4
|
+
import { InputText } from 'primereact/inputtext';
|
|
5
|
+
import { useRef, useState } from 'react';
|
|
6
|
+
import { Controller } from 'react-hook-form';
|
|
7
|
+
// ponytail: inline debounce — 5 lines, no library needed
|
|
8
|
+
function useDebouncedCallback(fn, delay) {
|
|
9
|
+
const timer = useRef(undefined);
|
|
10
|
+
return (value) => {
|
|
11
|
+
clearTimeout(timer.current);
|
|
12
|
+
timer.current = setTimeout(() => fn(value), delay);
|
|
13
|
+
};
|
|
14
|
+
}
|
|
15
|
+
const SearchInput = ({ controller, block, onSearch, debounceMs = 300, value: valueProp, onChange: onChangeProp, ...rest }) => {
|
|
16
|
+
const [localValue, setLocalValue] = useState(valueProp ?? '');
|
|
17
|
+
const fireSearch = useDebouncedCallback(onSearch ?? (() => { }), debounceMs);
|
|
18
|
+
if (controller) {
|
|
19
|
+
return (_jsx(Controller, { ...controller, render: ({ field, fieldState, formState }) => (_jsxs("span", { className: classNames('p-input-icon-left', { 'w-full': block }), children: [_jsx("i", { className: "pi pi-search" }), _jsx(InputText, { id: rest.id || field.name, ...rest, ...field, disabled: formState.isSubmitting || rest.disabled, invalid: fieldState.invalid, className: classNames(rest.className, { 'w-full': block }), onChange: (e) => {
|
|
20
|
+
field.onChange(e);
|
|
21
|
+
fireSearch(e.target.value);
|
|
22
|
+
} })] })) }));
|
|
23
|
+
}
|
|
24
|
+
// Uncontrolled plain search box (no react-hook-form)
|
|
25
|
+
return (_jsxs("span", { className: classNames('p-input-icon-left', { 'w-full': block }), children: [_jsx("i", { className: "pi pi-search" }), _jsx(InputText, { ...rest, value: valueProp !== undefined ? valueProp : localValue, className: classNames(rest.className, { 'w-full': block }), onChange: (e) => {
|
|
26
|
+
const v = e.target.value;
|
|
27
|
+
if (valueProp === undefined)
|
|
28
|
+
setLocalValue(v);
|
|
29
|
+
onChangeProp?.(v);
|
|
30
|
+
fireSearch(v);
|
|
31
|
+
} })] }));
|
|
32
|
+
};
|
|
33
|
+
export default SearchInput;
|
|
34
|
+
//# sourceMappingURL=SearchInput.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SearchInput.js","sourceRoot":"","sources":["../../../src/components/Forms/SearchInput.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
export interface UseDirtyFormGuardOptions {
|
|
2
|
+
isDirty: boolean;
|
|
3
|
+
enabled?: boolean;
|
|
4
|
+
message?: string;
|
|
5
|
+
}
|
|
6
|
+
export interface UseDirtyFormGuardResult {
|
|
7
|
+
shouldProceed: () => boolean;
|
|
8
|
+
confirmIfDirty: <T>(action: () => T | Promise<T>) => Promise<T | false>;
|
|
9
|
+
}
|
|
10
|
+
export declare function useDirtyFormGuard({ isDirty, enabled, message, }: UseDirtyFormGuardOptions): UseDirtyFormGuardResult;
|
|
11
|
+
export default useDirtyFormGuard;
|
|
12
|
+
//# sourceMappingURL=useDirtyFormGuard.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useDirtyFormGuard.d.ts","sourceRoot":"","sources":["../../../src/components/Forms/useDirtyFormGuard.ts"],"names":[],"mappings":"AAOA,MAAM,WAAW,wBAAwB;IACvC,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,uBAAuB;IACtC,aAAa,EAAE,MAAM,OAAO,CAAC;IAC7B,cAAc,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,MAAM,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,KAAK,OAAO,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC;CACzE;AAED,wBAAgB,iBAAiB,CAAC,EAChC,OAAO,EACP,OAAc,EACd,OAAoC,GACrC,EAAE,wBAAwB,GAAG,uBAAuB,CAuCpD;AAED,eAAe,iBAAiB,CAAC"}
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { useCallback, useEffect } from "react";
|
|
3
|
+
const DEFAULT_DIRTY_FORM_MESSAGE = "Tienes cambios sin guardar. Si sales ahora, perderas la informacion ingresada.";
|
|
4
|
+
export function useDirtyFormGuard({ isDirty, enabled = true, message = DEFAULT_DIRTY_FORM_MESSAGE, }) {
|
|
5
|
+
const isActive = enabled && isDirty;
|
|
6
|
+
useEffect(() => {
|
|
7
|
+
if (!isActive)
|
|
8
|
+
return;
|
|
9
|
+
const handleBeforeUnload = (event) => {
|
|
10
|
+
event.preventDefault();
|
|
11
|
+
event.returnValue = message;
|
|
12
|
+
return message;
|
|
13
|
+
};
|
|
14
|
+
window.addEventListener("beforeunload", handleBeforeUnload);
|
|
15
|
+
return () => {
|
|
16
|
+
window.removeEventListener("beforeunload", handleBeforeUnload);
|
|
17
|
+
};
|
|
18
|
+
}, [isActive, message]);
|
|
19
|
+
const shouldProceed = useCallback(() => {
|
|
20
|
+
if (!isActive)
|
|
21
|
+
return true;
|
|
22
|
+
return window.confirm(message);
|
|
23
|
+
}, [isActive, message]);
|
|
24
|
+
const confirmIfDirty = useCallback(async (action) => {
|
|
25
|
+
if (!shouldProceed()) {
|
|
26
|
+
return false;
|
|
27
|
+
}
|
|
28
|
+
return action();
|
|
29
|
+
}, [shouldProceed]);
|
|
30
|
+
return {
|
|
31
|
+
shouldProceed,
|
|
32
|
+
confirmIfDirty,
|
|
33
|
+
};
|
|
34
|
+
}
|
|
35
|
+
export default useDirtyFormGuard;
|
|
36
|
+
//# sourceMappingURL=useDirtyFormGuard.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useDirtyFormGuard.js","sourceRoot":"","sources":["../../../src/components/Forms/useDirtyFormGuard.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE/C,MAAM,0BAA0B,GAC9B,gFAAgF,CAAC;AAanF,MAAM,UAAU,iBAAiB,CAAC,EAChC,OAAO,EACP,OAAO,GAAG,IAAI,EACd,OAAO,GAAG,0BAA0B,GACX;IACzB,MAAM,QAAQ,GAAG,OAAO,IAAI,OAAO,CAAC;IAEpC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,QAAQ;YAAE,OAAO;QAEtB,MAAM,kBAAkB,GAAG,CAAC,KAAwB,EAAE,EAAE;YACtD,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC;YAC5B,OAAO,OAAO,CAAC;QACjB,CAAC,CAAC;QAEF,MAAM,CAAC,gBAAgB,CAAC,cAAc,EAAE,kBAAkB,CAAC,CAAC;QAE5D,OAAO,GAAG,EAAE;YACV,MAAM,CAAC,mBAAmB,CAAC,cAAc,EAAE,kBAAkB,CAAC,CAAC;QACjE,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC;IAExB,MAAM,aAAa,GAAG,WAAW,CAAC,GAAG,EAAE;QACrC,IAAI,CAAC,QAAQ;YAAE,OAAO,IAAI,CAAC;QAC3B,OAAO,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;IACjC,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC;IAExB,MAAM,cAAc,GAAG,WAAW,CAChC,KAAK,EAAM,MAA4B,EAAsB,EAAE;QAC7D,IAAI,CAAC,aAAa,EAAE,EAAE,CAAC;YACrB,OAAO,KAAK,CAAC;QACf,CAAC;QAED,OAAO,MAAM,EAAE,CAAC;IAClB,CAAC,EACD,CAAC,aAAa,CAAC,CAChB,CAAC;IAEF,OAAO;QACL,aAAa;QACb,cAAc;KACf,CAAC;AACJ,CAAC;AAED,eAAe,iBAAiB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AdminPageHeader.d.ts","sourceRoot":"","sources":["../../../src/components/pages/AdminPageHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"AdminPageHeader.d.ts","sourceRoot":"","sources":["../../../src/components/pages/AdminPageHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAGhE,KAAK,oBAAoB,GAAG;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,WAAW,CAAC,EAAE,SAAS,mBAAmB,EAAE,CAAC;CAC9C,CAAC;AAEF,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAiCnD,CAAC;AAEF,eAAe,eAAe,CAAC"}
|
|
@@ -1,16 +1,9 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import
|
|
2
|
+
import Breadcrumbs from "./app-shell/Breadcrumbs";
|
|
3
3
|
const AdminPageHeader = ({ title, description, actions, breadcrumbs, }) => {
|
|
4
|
-
const hasBreadcrumbs = Boolean(breadcrumbs && breadcrumbs.length > 0);
|
|
5
4
|
return (_jsxs("div", { className: 'flex items-start justify-between rounded-xl px-6 py-5 border border-border gap-4', style: {
|
|
6
5
|
background: "linear-gradient(110deg, color-mix(in oklch, var(--primary), white 92%), color-mix(in oklch, var(--accent), white 90%))",
|
|
7
|
-
}, children: [_jsxs("div", { children: [
|
|
8
|
-
const isLast = index === breadcrumbs.length - 1;
|
|
9
|
-
return (_jsxs("li", { className: 'flex items-center gap-1.5', children: [item.href && !isLast ? (_jsx(Link, { href: item.href, className: 'transition-colors hover:opacity-80', style: { color: "var(--muted-foreground)" }, children: item.label })) : (_jsx("span", { style: {
|
|
10
|
-
color: isLast ? "color-mix(in oklch, var(--primary), black 24%)" : "var(--muted-foreground)",
|
|
11
|
-
fontWeight: isLast ? 600 : 500,
|
|
12
|
-
}, children: item.label })), !isLast && _jsx("span", { style: { color: "var(--muted-foreground)" }, children: "/" })] }, `${item.label}-${index}`));
|
|
13
|
-
}) }) })), _jsx("h1", { className: 'text-2xl font-bold', style: {
|
|
6
|
+
}, children: [_jsxs("div", { children: [breadcrumbs && breadcrumbs.length > 0 && _jsx(Breadcrumbs, { items: breadcrumbs }), _jsx("h1", { className: 'text-2xl font-bold', style: {
|
|
14
7
|
color: "color-mix(in oklch, var(--primary), black 20%)",
|
|
15
8
|
fontFamily: "var(--font-display)",
|
|
16
9
|
}, children: title }), description && (_jsx("p", { className: 'text-sm mt-0.5', style: { color: "var(--muted-foreground)" }, children: description }))] }), actions && _jsx("div", { children: actions })] }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AdminPageHeader.js","sourceRoot":"","sources":["../../../src/components/pages/AdminPageHeader.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"AdminPageHeader.js","sourceRoot":"","sources":["../../../src/components/pages/AdminPageHeader.tsx"],"names":[],"mappings":";AAEA,OAAO,WAAW,MAAM,yBAAyB,CAAC;AASlD,MAAM,eAAe,GAAmC,CAAC,EACvD,KAAK,EACL,WAAW,EACX,OAAO,EACP,WAAW,GACZ,EAAE,EAAE;IACH,OAAO,CACL,eACE,SAAS,EAAC,kFAAkF,EAC5F,KAAK,EAAE;YACL,UAAU,EACR,wHAAwH;SAC3H,aACD,0BACG,WAAW,IAAI,WAAW,CAAC,MAAM,GAAG,CAAC,IAAI,KAAC,WAAW,IAAC,KAAK,EAAE,WAAW,GAAI,EAE7E,aACE,SAAS,EAAC,oBAAoB,EAC9B,KAAK,EAAE;4BACL,KAAK,EAAE,gDAAgD;4BACvD,UAAU,EAAE,qBAAqB;yBAClC,YACA,KAAK,GACH,EACJ,WAAW,IAAI,CACd,YAAG,SAAS,EAAC,gBAAgB,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,yBAAyB,EAAE,YACtE,WAAW,GACV,CACL,IACG,EACL,OAAO,IAAI,wBAAM,OAAO,GAAO,IAC5B,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,eAAe,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AppShell.d.ts","sourceRoot":"","sources":["../../../../src/components/pages/app-shell/AppShell.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAKxC,OAAO,KAAK,EAAE,aAAa,EAAc,MAAM,SAAS,CAAC;AAyFzD,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAyHrC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
|