@mantis-core/ui 0.1.1
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 +147 -0
- package/README.md +120 -0
- package/dist/components/Buttons/Button.d.ts +19 -0
- package/dist/components/Buttons/Button.d.ts.map +1 -0
- package/dist/components/Buttons/Button.js +27 -0
- package/dist/components/Buttons/Button.js.map +1 -0
- package/dist/components/Forms/CKEditorInput.d.ts +32 -0
- package/dist/components/Forms/CKEditorInput.d.ts.map +1 -0
- package/dist/components/Forms/CKEditorInput.js +357 -0
- package/dist/components/Forms/CKEditorInput.js.map +1 -0
- package/dist/components/Forms/DateInput.d.ts +10 -0
- package/dist/components/Forms/DateInput.d.ts.map +1 -0
- package/dist/components/Forms/DateInput.js +11 -0
- package/dist/components/Forms/DateInput.js.map +1 -0
- package/dist/components/Forms/DropDown.d.ts +10 -0
- package/dist/components/Forms/DropDown.d.ts.map +1 -0
- package/dist/components/Forms/DropDown.js +11 -0
- package/dist/components/Forms/DropDown.js.map +1 -0
- package/dist/components/Forms/ErrorMessage.d.ts +6 -0
- package/dist/components/Forms/ErrorMessage.d.ts.map +1 -0
- package/dist/components/Forms/ErrorMessage.js +14 -0
- package/dist/components/Forms/ErrorMessage.js.map +1 -0
- package/dist/components/Forms/FormFieldRender.d.ts +13 -0
- package/dist/components/Forms/FormFieldRender.d.ts.map +1 -0
- package/dist/components/Forms/FormFieldRender.js +9 -0
- package/dist/components/Forms/FormFieldRender.js.map +1 -0
- package/dist/components/Forms/HiddenField.d.ts +8 -0
- package/dist/components/Forms/HiddenField.d.ts.map +1 -0
- package/dist/components/Forms/HiddenField.js +8 -0
- package/dist/components/Forms/HiddenField.js.map +1 -0
- package/dist/components/Forms/MultiSelect.d.ts +10 -0
- package/dist/components/Forms/MultiSelect.d.ts.map +1 -0
- package/dist/components/Forms/MultiSelect.js +13 -0
- package/dist/components/Forms/MultiSelect.js.map +1 -0
- package/dist/components/Forms/NumberInput.d.ts +10 -0
- package/dist/components/Forms/NumberInput.d.ts.map +1 -0
- package/dist/components/Forms/NumberInput.js +16 -0
- package/dist/components/Forms/NumberInput.js.map +1 -0
- package/dist/components/Forms/RenderField.d.ts +18 -0
- package/dist/components/Forms/RenderField.d.ts.map +1 -0
- package/dist/components/Forms/RenderField.js +14 -0
- package/dist/components/Forms/RenderField.js.map +1 -0
- package/dist/components/Forms/Select.d.ts +12 -0
- package/dist/components/Forms/Select.d.ts.map +1 -0
- package/dist/components/Forms/Select.js +39 -0
- package/dist/components/Forms/Select.js.map +1 -0
- package/dist/components/Forms/Switch.d.ts +18 -0
- package/dist/components/Forms/Switch.d.ts.map +1 -0
- package/dist/components/Forms/Switch.js +30 -0
- package/dist/components/Forms/Switch.js.map +1 -0
- package/dist/components/Forms/TextArea.d.ts +11 -0
- package/dist/components/Forms/TextArea.d.ts.map +1 -0
- package/dist/components/Forms/TextArea.js +11 -0
- package/dist/components/Forms/TextArea.js.map +1 -0
- package/dist/components/Forms/TextInput.d.ts +11 -0
- package/dist/components/Forms/TextInput.d.ts.map +1 -0
- package/dist/components/Forms/TextInput.js +12 -0
- package/dist/components/Forms/TextInput.js.map +1 -0
- package/dist/components/Forms/TimePicker.d.ts +13 -0
- package/dist/components/Forms/TimePicker.d.ts.map +1 -0
- package/dist/components/Forms/TimePicker.js +19 -0
- package/dist/components/Forms/TimePicker.js.map +1 -0
- package/dist/components/Forms/Toggle.d.ts +14 -0
- package/dist/components/Forms/Toggle.d.ts.map +1 -0
- package/dist/components/Forms/Toggle.js +10 -0
- package/dist/components/Forms/Toggle.js.map +1 -0
- package/dist/components/Forms/ToggleInlineButton.d.ts +14 -0
- package/dist/components/Forms/ToggleInlineButton.d.ts.map +1 -0
- package/dist/components/Forms/ToggleInlineButton.js +9 -0
- package/dist/components/Forms/ToggleInlineButton.js.map +1 -0
- package/dist/components/Forms/UploadFilesPreview.d.ts +30 -0
- package/dist/components/Forms/UploadFilesPreview.d.ts.map +1 -0
- package/dist/components/Forms/UploadFilesPreview.js +118 -0
- package/dist/components/Forms/UploadFilesPreview.js.map +1 -0
- package/dist/components/Forms/types.d.ts +9 -0
- package/dist/components/Forms/types.d.ts.map +1 -0
- package/dist/components/Forms/types.js +2 -0
- package/dist/components/Forms/types.js.map +1 -0
- package/dist/components/Loaders/Loading.d.ts +9 -0
- package/dist/components/Loaders/Loading.d.ts.map +1 -0
- package/dist/components/Loaders/Loading.js +11 -0
- package/dist/components/Loaders/Loading.js.map +1 -0
- package/dist/components/Maps/MapPicker.d.ts +7 -0
- package/dist/components/Maps/MapPicker.d.ts.map +1 -0
- package/dist/components/Maps/MapPicker.js +10 -0
- package/dist/components/Maps/MapPicker.js.map +1 -0
- package/dist/components/Maps/MapPickerClient.d.ts +8 -0
- package/dist/components/Maps/MapPickerClient.d.ts.map +1 -0
- package/dist/components/Maps/MapPickerClient.js +83 -0
- package/dist/components/Maps/MapPickerClient.js.map +1 -0
- package/dist/components/Maps/MapPickerOSM.d.ts +13 -0
- package/dist/components/Maps/MapPickerOSM.d.ts.map +1 -0
- package/dist/components/Maps/MapPickerOSM.js +117 -0
- package/dist/components/Maps/MapPickerOSM.js.map +1 -0
- package/dist/components/Tables/ActionColumn.d.ts +9 -0
- package/dist/components/Tables/ActionColumn.d.ts.map +1 -0
- package/dist/components/Tables/ActionColumn.js +8 -0
- package/dist/components/Tables/ActionColumn.js.map +1 -0
- package/dist/components/Tables/FilterPannel.d.ts +7 -0
- package/dist/components/Tables/FilterPannel.d.ts.map +1 -0
- package/dist/components/Tables/FilterPannel.js +32 -0
- package/dist/components/Tables/FilterPannel.js.map +1 -0
- package/dist/components/Tables/IndexColumn.d.ts +4 -0
- package/dist/components/Tables/IndexColumn.d.ts.map +1 -0
- package/dist/components/Tables/IndexColumn.js +7 -0
- package/dist/components/Tables/IndexColumn.js.map +1 -0
- package/dist/components/Tables/MenuButton.d.ts +14 -0
- package/dist/components/Tables/MenuButton.d.ts.map +1 -0
- package/dist/components/Tables/MenuButton.js +15 -0
- package/dist/components/Tables/MenuButton.js.map +1 -0
- package/dist/components/Tables/PaginatedTable.d.ts +23 -0
- package/dist/components/Tables/PaginatedTable.d.ts.map +1 -0
- package/dist/components/Tables/PaginatedTable.js +26 -0
- package/dist/components/Tables/PaginatedTable.js.map +1 -0
- package/dist/components/Tables/filters/MultiSelectFilter.d.ts +8 -0
- package/dist/components/Tables/filters/MultiSelectFilter.d.ts.map +1 -0
- package/dist/components/Tables/filters/MultiSelectFilter.js +7 -0
- package/dist/components/Tables/filters/MultiSelectFilter.js.map +1 -0
- package/dist/components/pages/AdminPageHeader.d.ts +11 -0
- package/dist/components/pages/AdminPageHeader.d.ts.map +1 -0
- package/dist/components/pages/AdminPageHeader.js +19 -0
- package/dist/components/pages/AdminPageHeader.js.map +1 -0
- package/dist/components/pages/FormSection.d.ts +11 -0
- package/dist/components/pages/FormSection.d.ts.map +1 -0
- package/dist/components/pages/FormSection.js +16 -0
- package/dist/components/pages/FormSection.js.map +1 -0
- package/dist/components/pages/PageTitle.d.ts +4 -0
- package/dist/components/pages/PageTitle.d.ts.map +1 -0
- package/dist/components/pages/PageTitle.js +6 -0
- package/dist/components/pages/PageTitle.js.map +1 -0
- package/dist/components/pages/admin-layout/AdminPageConfigurator.d.ts +9 -0
- package/dist/components/pages/admin-layout/AdminPageConfigurator.d.ts.map +1 -0
- package/dist/components/pages/admin-layout/AdminPageConfigurator.js +13 -0
- package/dist/components/pages/admin-layout/AdminPageConfigurator.js.map +1 -0
- package/dist/components/pages/admin-layout/AdminPageLayoutContext.d.ts +14 -0
- package/dist/components/pages/admin-layout/AdminPageLayoutContext.d.ts.map +1 -0
- package/dist/components/pages/admin-layout/AdminPageLayoutContext.js +27 -0
- package/dist/components/pages/admin-layout/AdminPageLayoutContext.js.map +1 -0
- package/dist/components/pages/admin-layout/AdminPageLayoutShell.d.ts +7 -0
- package/dist/components/pages/admin-layout/AdminPageLayoutShell.d.ts.map +1 -0
- package/dist/components/pages/admin-layout/AdminPageLayoutShell.js +11 -0
- package/dist/components/pages/admin-layout/AdminPageLayoutShell.js.map +1 -0
- package/dist/components/pages/admin-layout/types.d.ts +13 -0
- package/dist/components/pages/admin-layout/types.d.ts.map +1 -0
- package/dist/components/pages/admin-layout/types.js +2 -0
- package/dist/components/pages/admin-layout/types.js.map +1 -0
- package/dist/components/table-filter-field.d.ts +11 -0
- package/dist/components/table-filter-field.d.ts.map +1 -0
- package/dist/components/table-filter-field.js +7 -0
- package/dist/components/table-filter-field.js.map +1 -0
- package/dist/components/table-toolbar.d.ts +13 -0
- package/dist/components/table-toolbar.d.ts.map +1 -0
- package/dist/components/table-toolbar.js +9 -0
- package/dist/components/table-toolbar.js.map +1 -0
- package/dist/components/ui/Pagination.d.ts +37 -0
- package/dist/components/ui/Pagination.d.ts.map +1 -0
- package/dist/components/ui/Pagination.js +42 -0
- package/dist/components/ui/Pagination.js.map +1 -0
- package/dist/components/ui/RichTextPreview.d.ts +12 -0
- package/dist/components/ui/RichTextPreview.d.ts.map +1 -0
- package/dist/components/ui/RichTextPreview.js +17 -0
- package/dist/components/ui/RichTextPreview.js.map +1 -0
- package/dist/index.d.ts +69 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +39 -0
- package/dist/index.js.map +1 -0
- package/package.json +76 -0
|
@@ -0,0 +1,357 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { CKEditor } from "@ckeditor/ckeditor5-react";
|
|
4
|
+
import { Alignment, BlockQuote, Bold, ClassicEditor, Essentials, Font, Heading, Image, ImageCaption, ImageResize, ImageStyle, ImageToolbar, ImageUpload, Italic, Link, List, ListProperties, MediaEmbed, Mention, Paragraph, Table, TableToolbar, Underline, Undo, } from "ckeditor5";
|
|
5
|
+
import esTranslations from "ckeditor5/translations/es.js";
|
|
6
|
+
import classNames from "classnames";
|
|
7
|
+
import { useMemo, useRef } from "react";
|
|
8
|
+
import { Controller } from "react-hook-form";
|
|
9
|
+
const DEFAULT_PLUGINS = [
|
|
10
|
+
Bold,
|
|
11
|
+
Essentials,
|
|
12
|
+
Italic,
|
|
13
|
+
Mention,
|
|
14
|
+
Paragraph,
|
|
15
|
+
Undo,
|
|
16
|
+
Heading,
|
|
17
|
+
Link,
|
|
18
|
+
List,
|
|
19
|
+
BlockQuote,
|
|
20
|
+
Image,
|
|
21
|
+
ImageToolbar,
|
|
22
|
+
ImageUpload,
|
|
23
|
+
ImageCaption,
|
|
24
|
+
ImageStyle,
|
|
25
|
+
ImageResize,
|
|
26
|
+
MediaEmbed,
|
|
27
|
+
Table,
|
|
28
|
+
TableToolbar,
|
|
29
|
+
Alignment,
|
|
30
|
+
Font,
|
|
31
|
+
Underline,
|
|
32
|
+
ListProperties,
|
|
33
|
+
];
|
|
34
|
+
const PRESET_SETTINGS = {
|
|
35
|
+
default: {
|
|
36
|
+
toolbarItems: [
|
|
37
|
+
"undo",
|
|
38
|
+
"redo",
|
|
39
|
+
"|",
|
|
40
|
+
"heading",
|
|
41
|
+
"|",
|
|
42
|
+
"fontSize",
|
|
43
|
+
"fontFamily",
|
|
44
|
+
"fontColor",
|
|
45
|
+
"fontBackgroundColor",
|
|
46
|
+
"|",
|
|
47
|
+
"bold",
|
|
48
|
+
"italic",
|
|
49
|
+
"underline",
|
|
50
|
+
"|",
|
|
51
|
+
"link",
|
|
52
|
+
"uploadImage",
|
|
53
|
+
"mediaEmbed",
|
|
54
|
+
"blockQuote",
|
|
55
|
+
"|",
|
|
56
|
+
"alignment",
|
|
57
|
+
"|",
|
|
58
|
+
"bulletedList",
|
|
59
|
+
"numberedList",
|
|
60
|
+
"|",
|
|
61
|
+
"insertTable",
|
|
62
|
+
],
|
|
63
|
+
minHeight: "25rem",
|
|
64
|
+
showStats: false,
|
|
65
|
+
},
|
|
66
|
+
blog: {
|
|
67
|
+
toolbarItems: [
|
|
68
|
+
"undo",
|
|
69
|
+
"redo",
|
|
70
|
+
"|",
|
|
71
|
+
"heading",
|
|
72
|
+
"|",
|
|
73
|
+
"fontSize",
|
|
74
|
+
"fontFamily",
|
|
75
|
+
"fontColor",
|
|
76
|
+
"fontBackgroundColor",
|
|
77
|
+
"|",
|
|
78
|
+
"bold",
|
|
79
|
+
"italic",
|
|
80
|
+
"underline",
|
|
81
|
+
"|",
|
|
82
|
+
"link",
|
|
83
|
+
"uploadImage",
|
|
84
|
+
"mediaEmbed",
|
|
85
|
+
"blockQuote",
|
|
86
|
+
"|",
|
|
87
|
+
"alignment",
|
|
88
|
+
"|",
|
|
89
|
+
"bulletedList",
|
|
90
|
+
"numberedList",
|
|
91
|
+
"|",
|
|
92
|
+
"insertTable",
|
|
93
|
+
],
|
|
94
|
+
minHeight: "25rem",
|
|
95
|
+
showStats: true,
|
|
96
|
+
},
|
|
97
|
+
property: {
|
|
98
|
+
toolbarItems: [
|
|
99
|
+
"undo",
|
|
100
|
+
"redo",
|
|
101
|
+
"|",
|
|
102
|
+
"heading",
|
|
103
|
+
"|",
|
|
104
|
+
"bold",
|
|
105
|
+
"italic",
|
|
106
|
+
"underline",
|
|
107
|
+
"|",
|
|
108
|
+
"link",
|
|
109
|
+
"blockQuote",
|
|
110
|
+
"|",
|
|
111
|
+
"bulletedList",
|
|
112
|
+
"numberedList",
|
|
113
|
+
"|",
|
|
114
|
+
"alignment",
|
|
115
|
+
"insertTable",
|
|
116
|
+
],
|
|
117
|
+
minHeight: "16rem",
|
|
118
|
+
showStats: false,
|
|
119
|
+
},
|
|
120
|
+
note: {
|
|
121
|
+
toolbarItems: [
|
|
122
|
+
"undo",
|
|
123
|
+
"redo",
|
|
124
|
+
"|",
|
|
125
|
+
"bold",
|
|
126
|
+
"italic",
|
|
127
|
+
"underline",
|
|
128
|
+
"|",
|
|
129
|
+
"link",
|
|
130
|
+
"blockQuote",
|
|
131
|
+
"|",
|
|
132
|
+
"bulletedList",
|
|
133
|
+
"numberedList",
|
|
134
|
+
],
|
|
135
|
+
minHeight: "12rem",
|
|
136
|
+
showStats: false,
|
|
137
|
+
},
|
|
138
|
+
};
|
|
139
|
+
const getRequiredMessage = (requiredRule, fallback) => {
|
|
140
|
+
if (typeof requiredRule === "string" && requiredRule.trim()) {
|
|
141
|
+
return requiredRule;
|
|
142
|
+
}
|
|
143
|
+
if (requiredRule && typeof requiredRule === "object" && "message" in requiredRule) {
|
|
144
|
+
const maybeMessage = requiredRule.message;
|
|
145
|
+
if (typeof maybeMessage === "string" && maybeMessage.trim()) {
|
|
146
|
+
return maybeMessage;
|
|
147
|
+
}
|
|
148
|
+
}
|
|
149
|
+
return fallback;
|
|
150
|
+
};
|
|
151
|
+
const decodeHtmlEntities = (value) => {
|
|
152
|
+
if (typeof window === "undefined")
|
|
153
|
+
return value;
|
|
154
|
+
const textarea = window.document.createElement("textarea");
|
|
155
|
+
textarea.innerHTML = value;
|
|
156
|
+
return textarea.value;
|
|
157
|
+
};
|
|
158
|
+
const getPlainTextFromHtml = (html) => {
|
|
159
|
+
const withoutMarkup = (html ?? "")
|
|
160
|
+
.replace(/<style[\s\S]*?<\/style>/gi, " ")
|
|
161
|
+
.replace(/<script[\s\S]*?<\/script>/gi, " ")
|
|
162
|
+
.replace(/<[^>]*>/g, " ")
|
|
163
|
+
.replace(/ /gi, " ");
|
|
164
|
+
const decoded = decodeHtmlEntities(withoutMarkup).replace(/\u00a0/g, " ");
|
|
165
|
+
return decoded.replace(/\s+/g, " ").trim();
|
|
166
|
+
};
|
|
167
|
+
const getMetricsFromHtml = (html) => {
|
|
168
|
+
const plainText = getPlainTextFromHtml(html);
|
|
169
|
+
const words = plainText.length > 0 ? plainText.split(/\s+/).filter(Boolean).length : 0;
|
|
170
|
+
const characters = plainText.length;
|
|
171
|
+
const readTimeMinutes = words > 0 ? Math.max(1, Math.round(words / 220)) : 0;
|
|
172
|
+
return {
|
|
173
|
+
plainText,
|
|
174
|
+
words,
|
|
175
|
+
characters,
|
|
176
|
+
readTimeMinutes,
|
|
177
|
+
};
|
|
178
|
+
};
|
|
179
|
+
const normalizeToolbarConfig = (toolbar) => {
|
|
180
|
+
if (!toolbar)
|
|
181
|
+
return {};
|
|
182
|
+
if (Array.isArray(toolbar)) {
|
|
183
|
+
return { items: toolbar };
|
|
184
|
+
}
|
|
185
|
+
return { ...toolbar };
|
|
186
|
+
};
|
|
187
|
+
const mergeEditorConfig = (baseConfig, overrides) => {
|
|
188
|
+
if (!overrides)
|
|
189
|
+
return baseConfig;
|
|
190
|
+
const baseList = baseConfig.list;
|
|
191
|
+
const overrideList = overrides.list;
|
|
192
|
+
const baseToolbar = normalizeToolbarConfig(baseConfig.toolbar);
|
|
193
|
+
const overrideToolbar = normalizeToolbarConfig(overrides.toolbar);
|
|
194
|
+
const mergedToolbar = {
|
|
195
|
+
...baseToolbar,
|
|
196
|
+
...overrideToolbar,
|
|
197
|
+
items: overrideToolbar.items || baseToolbar.items,
|
|
198
|
+
};
|
|
199
|
+
return {
|
|
200
|
+
...baseConfig,
|
|
201
|
+
...overrides,
|
|
202
|
+
toolbar: mergedToolbar,
|
|
203
|
+
image: {
|
|
204
|
+
...(baseConfig.image || {}),
|
|
205
|
+
...(overrides.image || {}),
|
|
206
|
+
},
|
|
207
|
+
table: {
|
|
208
|
+
...(baseConfig.table || {}),
|
|
209
|
+
...(overrides.table || {}),
|
|
210
|
+
},
|
|
211
|
+
list: {
|
|
212
|
+
...(baseList || {}),
|
|
213
|
+
...(overrideList || {}),
|
|
214
|
+
properties: {
|
|
215
|
+
...(baseList?.properties || {}),
|
|
216
|
+
...(overrideList?.properties || {}),
|
|
217
|
+
},
|
|
218
|
+
},
|
|
219
|
+
heading: {
|
|
220
|
+
...(baseConfig.heading || {}),
|
|
221
|
+
...(overrides.heading || {}),
|
|
222
|
+
options: overrides.heading?.options || baseConfig.heading?.options,
|
|
223
|
+
},
|
|
224
|
+
plugins: overrides.plugins || baseConfig.plugins,
|
|
225
|
+
translations: overrides.translations || baseConfig.translations,
|
|
226
|
+
};
|
|
227
|
+
};
|
|
228
|
+
const CKEditorInput = ({ controller, placeholder = "Escribe aqui...", disabled = false, readOnly = false, className, preset = "default", toolbarItems, minHeight, maxHeight, showStats, validateNonEmptyHtml = true, requiredMessage = "Este campo es obligatorio", config, onReady, onHtmlChange, onPlainTextChange, onMetricsChange, }) => {
|
|
229
|
+
const editorRef = useRef(null);
|
|
230
|
+
const presetSettings = PRESET_SETTINGS[preset];
|
|
231
|
+
const resolvedToolbarItems = toolbarItems && toolbarItems.length > 0 ? toolbarItems : presetSettings.toolbarItems;
|
|
232
|
+
const resolvedMinHeight = minHeight || presetSettings.minHeight;
|
|
233
|
+
const resolvedShowStats = showStats ?? presetSettings.showStats;
|
|
234
|
+
const defaultConfig = useMemo(() => ({
|
|
235
|
+
licenseKey: "GPL",
|
|
236
|
+
language: "es",
|
|
237
|
+
translations: [esTranslations],
|
|
238
|
+
toolbar: {
|
|
239
|
+
items: resolvedToolbarItems,
|
|
240
|
+
},
|
|
241
|
+
plugins: DEFAULT_PLUGINS,
|
|
242
|
+
placeholder,
|
|
243
|
+
image: {
|
|
244
|
+
toolbar: [
|
|
245
|
+
"imageStyle:inline",
|
|
246
|
+
"imageStyle:block",
|
|
247
|
+
"imageStyle:side",
|
|
248
|
+
"|",
|
|
249
|
+
"toggleImageCaption",
|
|
250
|
+
"imageTextAlternative",
|
|
251
|
+
],
|
|
252
|
+
},
|
|
253
|
+
table: {
|
|
254
|
+
contentToolbar: ["tableColumn", "tableRow", "mergeTableCells"],
|
|
255
|
+
},
|
|
256
|
+
list: {
|
|
257
|
+
properties: {
|
|
258
|
+
styles: true,
|
|
259
|
+
startIndex: true,
|
|
260
|
+
reversed: true,
|
|
261
|
+
},
|
|
262
|
+
},
|
|
263
|
+
heading: {
|
|
264
|
+
options: [
|
|
265
|
+
{ model: "paragraph", title: "Parrafo", class: "ck-heading_paragraph" },
|
|
266
|
+
{
|
|
267
|
+
model: "heading1",
|
|
268
|
+
view: "h1",
|
|
269
|
+
title: "Encabezado 1",
|
|
270
|
+
class: "ck-heading_heading1",
|
|
271
|
+
},
|
|
272
|
+
{
|
|
273
|
+
model: "heading2",
|
|
274
|
+
view: "h2",
|
|
275
|
+
title: "Encabezado 2",
|
|
276
|
+
class: "ck-heading_heading2",
|
|
277
|
+
},
|
|
278
|
+
{
|
|
279
|
+
model: "heading3",
|
|
280
|
+
view: "h3",
|
|
281
|
+
title: "Encabezado 3",
|
|
282
|
+
class: "ck-heading_heading3",
|
|
283
|
+
},
|
|
284
|
+
],
|
|
285
|
+
},
|
|
286
|
+
initialData: "",
|
|
287
|
+
}), [placeholder, resolvedToolbarItems]);
|
|
288
|
+
const mergedConfig = useMemo(() => mergeEditorConfig(defaultConfig, config), [config, defaultConfig]);
|
|
289
|
+
const shouldValidateRichText = Boolean(validateNonEmptyHtml) && Boolean(controller.rules?.required);
|
|
290
|
+
const messageForRequiredContent = getRequiredMessage(controller.rules?.required, requiredMessage);
|
|
291
|
+
const mergedRules = useMemo(() => {
|
|
292
|
+
const nextRules = controller.rules ? { ...controller.rules } : {};
|
|
293
|
+
if (!shouldValidateRichText) {
|
|
294
|
+
return Object.keys(nextRules).length > 0 ? nextRules : undefined;
|
|
295
|
+
}
|
|
296
|
+
const requiredRichTextValidator = (value) => {
|
|
297
|
+
const html = typeof value === "string" ? value : "";
|
|
298
|
+
return getMetricsFromHtml(html).plainText.length > 0 || messageForRequiredContent;
|
|
299
|
+
};
|
|
300
|
+
const previousValidate = nextRules.validate;
|
|
301
|
+
if (!previousValidate) {
|
|
302
|
+
nextRules.validate = {
|
|
303
|
+
richTextContent: requiredRichTextValidator,
|
|
304
|
+
};
|
|
305
|
+
return nextRules;
|
|
306
|
+
}
|
|
307
|
+
if (typeof previousValidate === "function") {
|
|
308
|
+
nextRules.validate = (value) => {
|
|
309
|
+
const previousResult = previousValidate(value);
|
|
310
|
+
if (previousResult !== true)
|
|
311
|
+
return previousResult;
|
|
312
|
+
return requiredRichTextValidator(value);
|
|
313
|
+
};
|
|
314
|
+
return nextRules;
|
|
315
|
+
}
|
|
316
|
+
nextRules.validate = {
|
|
317
|
+
...previousValidate,
|
|
318
|
+
richTextContent: requiredRichTextValidator,
|
|
319
|
+
};
|
|
320
|
+
return nextRules;
|
|
321
|
+
}, [controller.rules, messageForRequiredContent, shouldValidateRichText]);
|
|
322
|
+
const wrapperStyles = useMemo(() => ({
|
|
323
|
+
"--editor-min-height": resolvedMinHeight,
|
|
324
|
+
...(maxHeight ? { "--editor-max-height": maxHeight } : {}),
|
|
325
|
+
}), [maxHeight, resolvedMinHeight]);
|
|
326
|
+
return (_jsx(Controller, { name: controller.name, rules: mergedRules, shouldUnregister: controller.shouldUnregister, defaultValue: controller.defaultValue, control: controller.control, render: ({ field, fieldState, formState }) => {
|
|
327
|
+
const metrics = getMetricsFromHtml(field.value);
|
|
328
|
+
return (_jsxs("div", { style: wrapperStyles, className: classNames("ckeditor-wrapper", {
|
|
329
|
+
"ckeditor-invalid": fieldState.invalid,
|
|
330
|
+
"ckeditor-disabled": formState.isSubmitting || disabled || readOnly,
|
|
331
|
+
}, className), children: [_jsx(CKEditor, { editor: ClassicEditor, data: field.value || "", disabled: formState.isSubmitting || disabled || readOnly, config: mergedConfig, onReady: (editor) => {
|
|
332
|
+
editorRef.current = editor;
|
|
333
|
+
if (onReady) {
|
|
334
|
+
onReady(editor);
|
|
335
|
+
}
|
|
336
|
+
}, onChange: (_, editor) => {
|
|
337
|
+
const data = editor.getData();
|
|
338
|
+
field.onChange(data);
|
|
339
|
+
if (onHtmlChange) {
|
|
340
|
+
onHtmlChange(data);
|
|
341
|
+
}
|
|
342
|
+
if (onPlainTextChange || onMetricsChange) {
|
|
343
|
+
const nextMetrics = getMetricsFromHtml(data);
|
|
344
|
+
if (onPlainTextChange) {
|
|
345
|
+
onPlainTextChange(nextMetrics.plainText);
|
|
346
|
+
}
|
|
347
|
+
if (onMetricsChange) {
|
|
348
|
+
onMetricsChange(nextMetrics);
|
|
349
|
+
}
|
|
350
|
+
}
|
|
351
|
+
}, onBlur: () => {
|
|
352
|
+
field.onBlur();
|
|
353
|
+
} }), resolvedShowStats && (_jsxs("div", { className: 'ckeditor-meta', "aria-live": 'polite', children: [_jsxs("span", { children: [metrics.words, " palabras"] }), _jsxs("span", { children: [metrics.characters, " caracteres"] }), _jsxs("span", { children: [metrics.readTimeMinutes, " min lectura"] })] }))] }));
|
|
354
|
+
} }));
|
|
355
|
+
};
|
|
356
|
+
export default CKEditorInput;
|
|
357
|
+
//# sourceMappingURL=CKEditorInput.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CKEditorInput.js","sourceRoot":"","sources":["../../../src/components/Forms/CKEditorInput.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { CalendarProps } from "primereact/calendar";
|
|
2
|
+
import React from "react";
|
|
3
|
+
import { ControllerProps } from "./types";
|
|
4
|
+
export interface DateInputProps extends Omit<CalendarProps, "name" | "defaultValue"> {
|
|
5
|
+
controller: ControllerProps;
|
|
6
|
+
block?: boolean;
|
|
7
|
+
}
|
|
8
|
+
declare const DateInput: React.FC<DateInputProps>;
|
|
9
|
+
export default DateInput;
|
|
10
|
+
//# sourceMappingURL=DateInput.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DateInput.d.ts","sourceRoot":"","sources":["../../../src/components/Forms/DateInput.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAY,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE1C,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,aAAa,EAAE,MAAM,GAAG,cAAc,CAAC;IAClF,UAAU,EAAE,eAAe,CAAC;IAC5B,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA0BvC,CAAC;AAEF,eAAe,SAAS,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
+
import classNames from "classnames";
|
|
4
|
+
import { Calendar } from "primereact/calendar";
|
|
5
|
+
import { Controller } from "react-hook-form";
|
|
6
|
+
const DateInput = (props) => {
|
|
7
|
+
const { controller, block, ...rest } = props;
|
|
8
|
+
return (_jsx(Controller, { ...controller, render: ({ field, fieldState }) => (_jsx(Calendar, { id: field.name, locale: 'es', ...rest, dateFormat: 'dd/mm/yy', className: classNames("date-input", rest.className, { "w-full": block }), invalid: fieldState.invalid, name: field.name, inputRef: field.ref, placeholder: 'DD/MM/yyyy', monthNavigator: true, yearNavigator: true, yearRange: '1930:2030', onChange: field.onChange, value: field.value, onBlur: field.onBlur })) }));
|
|
9
|
+
};
|
|
10
|
+
export default DateInput;
|
|
11
|
+
//# sourceMappingURL=DateInput.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DateInput.js","sourceRoot":"","sources":["../../../src/components/Forms/DateInput.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAiB,MAAM,qBAAqB,CAAC;AAE9D,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAQ7C,MAAM,SAAS,GAA6B,CAAC,KAAK,EAAE,EAAE;IACpD,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAC7C,OAAO,CACL,KAAC,UAAU,OACL,UAAU,EACd,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE,EAAE,CAAC,CACjC,KAAC,QAAQ,IACP,EAAE,EAAE,KAAK,CAAC,IAAI,EACd,MAAM,EAAC,IAAI,KACP,IAAI,EACR,UAAU,EAAC,UAAU,EACrB,SAAS,EAAE,UAAU,CAAC,YAAY,EAAE,IAAI,CAAC,SAAS,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,EACxE,OAAO,EAAE,UAAU,CAAC,OAAO,EAC3B,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,QAAQ,EAAE,KAAK,CAAC,GAAG,EACnB,WAAW,EAAC,YAAY,EACxB,cAAc,QACd,aAAa,QACb,SAAS,EAAC,WAAW,EACrB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,MAAM,EAAE,KAAK,CAAC,MAAM,GACpB,CACH,GACD,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { DropdownProps } from "primereact/dropdown";
|
|
2
|
+
import React from "react";
|
|
3
|
+
import { ControllerProps } from "./types";
|
|
4
|
+
export interface DropDownProps extends Omit<DropdownProps, "name" | "defaultValue"> {
|
|
5
|
+
controller: ControllerProps;
|
|
6
|
+
block?: boolean;
|
|
7
|
+
}
|
|
8
|
+
declare const DropDown: React.FC<DropDownProps>;
|
|
9
|
+
export default DropDown;
|
|
10
|
+
//# sourceMappingURL=DropDown.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DropDown.d.ts","sourceRoot":"","sources":["../../../src/components/Forms/DropDown.tsx"],"names":[],"mappings":"AACA,OAAO,EAAY,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE1C,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,aAAa,EAAE,MAAM,GAAG,cAAc,CAAC;IACjF,UAAU,EAAE,eAAe,CAAC;IAC5B,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA8BrC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import classNames from "classnames";
|
|
3
|
+
import { Dropdown } from "primereact/dropdown";
|
|
4
|
+
import React from "react";
|
|
5
|
+
import { Controller } from "react-hook-form";
|
|
6
|
+
const DropDown = (props) => {
|
|
7
|
+
const { controller, block, ...rest } = props;
|
|
8
|
+
return (_jsx(Controller, { ...controller, render: ({ field, fieldState, formState }) => (_jsx(React.Fragment, { children: _jsx(Dropdown, { id: field.name, className: classNames(rest.className, { "w-full": block }), invalid: fieldState.invalid, value: field.value, onChange: field.onChange, onBlur: field.onBlur, name: field.name, placeholder: 'SELECCIONAR', emptyMessage: 'Sin resultados', emptyFilterMessage: 'Sin resultados', filterPlaceholder: 'BUSCAR...', resetFilterOnHide: true, focusInputRef: field.ref, filterInputAutoFocus: true, ...rest, disabled: formState.isSubmitting || rest.disabled || rest.loading }) })) }));
|
|
9
|
+
};
|
|
10
|
+
export default DropDown;
|
|
11
|
+
//# sourceMappingURL=DropDown.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DropDown.js","sourceRoot":"","sources":["../../../src/components/Forms/DropDown.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAiB,MAAM,qBAAqB,CAAC;AAC9D,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAQ7C,MAAM,QAAQ,GAA4B,CAAC,KAAK,EAAE,EAAE;IAClD,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAE7C,OAAO,CACL,KAAC,UAAU,OACL,UAAU,EACd,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,CAC5C,KAAC,KAAK,CAAC,QAAQ,cACb,KAAC,QAAQ,IACP,EAAE,EAAE,KAAK,CAAC,IAAI,EACd,SAAS,EAAE,UAAU,CAAC,IAAI,CAAC,SAAS,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,EAC1D,OAAO,EAAE,UAAU,CAAC,OAAO,EAC3B,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,WAAW,EAAC,aAAa,EACzB,YAAY,EAAC,gBAAgB,EAC7B,kBAAkB,EAAC,gBAAgB,EACnC,iBAAiB,EAAC,WAAW,EAC7B,iBAAiB,QACjB,aAAa,EAAE,KAAK,CAAC,GAAG,EACxB,oBAAoB,WAChB,IAAI,EACR,QAAQ,EAAE,SAAS,CAAC,YAAY,IAAI,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,OAAO,GACjE,GACa,CAClB,GACD,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ErrorMessage.d.ts","sourceRoot":"","sources":["../../../src/components/Forms/ErrorMessage.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,CAa5C,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
+
import { ErrorMessage as HookErrorMessage } from "@hookform/error-message";
|
|
4
|
+
import { useFormState } from "react-hook-form";
|
|
5
|
+
const ErrorMessage = ({ name }) => {
|
|
6
|
+
const form = useFormState({ name });
|
|
7
|
+
// console.log(form);
|
|
8
|
+
return (_jsx(HookErrorMessage, { errors: form.errors, name: name, render: ({ message }) => {
|
|
9
|
+
// console.log(message);
|
|
10
|
+
return _jsx("small", { className: 'p-error', children: message });
|
|
11
|
+
} }));
|
|
12
|
+
};
|
|
13
|
+
export default ErrorMessage;
|
|
14
|
+
//# sourceMappingURL=ErrorMessage.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ErrorMessage.js","sourceRoot":"","sources":["../../../src/components/Forms/ErrorMessage.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,YAAY,IAAI,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAE3E,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,MAAM,YAAY,GAA+B,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE;IAC5D,MAAM,IAAI,GAAG,YAAY,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC;IACpC,qBAAqB;IACrB,OAAO,CACL,KAAC,gBAAgB,IACf,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE;YACtB,wBAAwB;YACxB,OAAO,gBAAO,SAAS,EAAC,SAAS,YAAE,OAAO,GAAS,CAAC;QACtD,CAAC,GACD,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { FC } from "react";
|
|
2
|
+
export interface FormFieldRenderProps {
|
|
3
|
+
name: string;
|
|
4
|
+
label: string | React.ReactElement;
|
|
5
|
+
labelProps?: React.DetailedHTMLProps<React.LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>;
|
|
6
|
+
containerClassName?: string;
|
|
7
|
+
render: ({ name }: {
|
|
8
|
+
name: string;
|
|
9
|
+
}) => React.ReactElement | React.ReactNode;
|
|
10
|
+
}
|
|
11
|
+
declare const FormFieldRender: FC<FormFieldRenderProps>;
|
|
12
|
+
export default FormFieldRender;
|
|
13
|
+
//# sourceMappingURL=FormFieldRender.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FormFieldRender.d.ts","sourceRoot":"","sources":["../../../src/components/Forms/FormFieldRender.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAG3B,MAAM,WAAW,oBAAoB;IACnC,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,GAAG,KAAK,CAAC,YAAY,CAAC;IACnC,UAAU,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAClC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAC3C,gBAAgB,CACjB,CAAC;IACF,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE,KAAK,KAAK,CAAC,YAAY,GAAG,KAAK,CAAC,SAAS,CAAC;CAC9E;AAED,QAAA,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CAgB7C,CAAC;AAEF,eAAe,eAAe,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { cn } from "@mantis-core/utils";
|
|
4
|
+
import ErrorMessage from "./ErrorMessage";
|
|
5
|
+
const FormFieldRender = ({ name, render, label, containerClassName, labelProps, }) => {
|
|
6
|
+
return (_jsxs("div", { className: cn("flex flex-col", containerClassName), children: [_jsx("label", { className: 'w-full mb-1 font-semibold', htmlFor: name, ...labelProps, children: label }), render({ name }), _jsx(ErrorMessage, { name: name })] }));
|
|
7
|
+
};
|
|
8
|
+
export default FormFieldRender;
|
|
9
|
+
//# sourceMappingURL=FormFieldRender.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FormFieldRender.js","sourceRoot":"","sources":["../../../src/components/Forms/FormFieldRender.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAC;AAExC,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAa1C,MAAM,eAAe,GAA6B,CAAC,EACjD,IAAI,EACJ,MAAM,EACN,KAAK,EACL,kBAAkB,EAClB,UAAU,GACX,EAAE,EAAE;IACH,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,eAAe,EAAE,kBAAkB,CAAC,aACrD,gBAAO,SAAS,EAAC,2BAA2B,EAAC,OAAO,EAAE,IAAI,KAAM,UAAU,YACvE,KAAK,GACA,EACP,MAAM,CAAC,EAAE,IAAI,EAAE,CAAC,EACjB,KAAC,YAAY,IAAC,IAAI,EAAE,IAAI,GAAI,IACxB,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,eAAe,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { ControllerProps } from './types';
|
|
3
|
+
export interface HiddenFieldProps extends ControllerProps {
|
|
4
|
+
hidden?: boolean;
|
|
5
|
+
}
|
|
6
|
+
declare const HiddenField: React.FC<HiddenFieldProps>;
|
|
7
|
+
export default HiddenField;
|
|
8
|
+
//# sourceMappingURL=HiddenField.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"HiddenField.d.ts","sourceRoot":"","sources":["../../../src/components/Forms/HiddenField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE1C,MAAM,WAAW,gBAAiB,SAAQ,eAAe;IACvD,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AACD,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAa3C,CAAC;AAEF,eAAe,WAAW,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { Controller } from 'react-hook-form';
|
|
3
|
+
const HiddenField = (props) => {
|
|
4
|
+
const { hidden = true, ...rest } = props;
|
|
5
|
+
return (_jsx(Controller, { name: rest.name, defaultValue: rest.defaultValue, shouldUnregister: rest.shouldUnregister, rules: rest.rules, render: ({ field }) => (_jsx("small", { style: { display: 'none' }, children: JSON.stringify(field.value) })) }));
|
|
6
|
+
};
|
|
7
|
+
export default HiddenField;
|
|
8
|
+
//# sourceMappingURL=HiddenField.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"HiddenField.js","sourceRoot":"","sources":["../../../src/components/Forms/HiddenField.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAM7C,MAAM,WAAW,GAA+B,CAAC,KAAK,EAAE,EAAE;IACxD,MAAM,EAAE,MAAM,GAAG,IAAI,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IACzC,OAAO,CACL,KAAC,UAAU,IACT,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,YAAY,EAAE,IAAI,CAAC,YAAY,EAC/B,gBAAgB,EAAE,IAAI,CAAC,gBAAgB,EACvC,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CACrB,gBAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,YAAG,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,KAAK,CAAC,GAAS,CACzE,GACD,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { MultiSelectProps as PrimeMultiSelectProps } from 'primereact/multiselect';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { ControllerProps } from './types';
|
|
4
|
+
export interface MultiSelectProps extends Omit<PrimeMultiSelectProps, 'name' | 'defaultValue'> {
|
|
5
|
+
controller: ControllerProps;
|
|
6
|
+
block?: boolean;
|
|
7
|
+
}
|
|
8
|
+
declare const MultiSelect: React.FC<MultiSelectProps>;
|
|
9
|
+
export default MultiSelect;
|
|
10
|
+
//# sourceMappingURL=MultiSelect.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MultiSelect.d.ts","sourceRoot":"","sources":["../../../src/components/Forms/MultiSelect.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,gBAAgB,IAAI,qBAAqB,EAC1C,MAAM,wBAAwB,CAAC;AAChC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE1C,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,qBAAqB,EAAE,MAAM,GAAG,cAAc,CAAC;IAC5F,UAAU,EAAE,eAAe,CAAC;IAC5B,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA8B3C,CAAC;AAEF,eAAe,WAAW,CAAC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import classNames from 'classnames';
|
|
3
|
+
import { MultiSelect as PrimeMultiSelect, } from 'primereact/multiselect';
|
|
4
|
+
import React from 'react';
|
|
5
|
+
import { Controller } from 'react-hook-form';
|
|
6
|
+
const MultiSelect = (props) => {
|
|
7
|
+
const { controller, block, ...rest } = props;
|
|
8
|
+
return (_jsx(Controller, { ...controller, render: ({ field, fieldState, formState }) => (_jsx(React.Fragment, { children: _jsx(PrimeMultiSelect, { id: field.name, className: classNames(rest.className, { 'w-full': block }), invalid: fieldState.invalid, value: field.value, onChange: field.onChange, onBlur: field.onBlur, name: field.name, placeholder: "SELECCIONAR", emptyMessage: "Sin resultados", emptyFilterMessage: "Sin resultados", filterPlaceholder: "BUSCAR...", resetFilterOnHide: true,
|
|
9
|
+
// focusInputRef={field.ref}
|
|
10
|
+
filterInputAutoFocus: true, ...rest, disabled: formState.isSubmitting || rest.disabled || rest.loading }) })) }));
|
|
11
|
+
};
|
|
12
|
+
export default MultiSelect;
|
|
13
|
+
//# sourceMappingURL=MultiSelect.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MultiSelect.js","sourceRoot":"","sources":["../../../src/components/Forms/MultiSelect.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EACL,WAAW,IAAI,gBAAgB,GAEhC,MAAM,wBAAwB,CAAC;AAChC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAQ7C,MAAM,WAAW,GAA+B,CAAC,KAAK,EAAE,EAAE;IACxD,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAE7C,OAAO,CACL,KAAC,UAAU,OACL,UAAU,EACd,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,CAC5C,KAAC,KAAK,CAAC,QAAQ,cACb,KAAC,gBAAgB,IACf,EAAE,EAAE,KAAK,CAAC,IAAI,EACd,SAAS,EAAE,UAAU,CAAC,IAAI,CAAC,SAAS,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,EAC1D,OAAO,EAAE,UAAU,CAAC,OAAO,EAC3B,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,WAAW,EAAC,aAAa,EACzB,YAAY,EAAC,gBAAgB,EAC7B,kBAAkB,EAAC,gBAAgB,EACnC,iBAAiB,EAAC,WAAW,EAC7B,iBAAiB;gBACjB,4BAA4B;gBAC5B,oBAAoB,WAChB,IAAI,EACR,QAAQ,EAAE,SAAS,CAAC,YAAY,IAAI,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,OAAO,GACjE,GACa,CAClB,GACD,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { InputNumberProps } from 'primereact/inputnumber';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { ControllerProps } from './types';
|
|
4
|
+
export interface NumberInputProps extends Omit<InputNumberProps, 'name' | 'defaultValue'> {
|
|
5
|
+
controller: ControllerProps;
|
|
6
|
+
block?: boolean;
|
|
7
|
+
}
|
|
8
|
+
declare const NumberInput: React.FC<NumberInputProps>;
|
|
9
|
+
export default NumberInput;
|
|
10
|
+
//# sourceMappingURL=NumberInput.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NumberInput.d.ts","sourceRoot":"","sources":["../../../src/components/Forms/NumberInput.tsx"],"names":[],"mappings":"AACA,OAAO,EAAe,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AACvE,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE1C,MAAM,WAAW,gBACf,SAAQ,IAAI,CAAC,gBAAgB,EAAE,MAAM,GAAG,cAAc,CAAC;IACvD,UAAU,EAAE,eAAe,CAAC;IAC5B,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA2B3C,CAAC;AAEF,eAAe,WAAW,CAAC"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import classNames from 'classnames';
|
|
3
|
+
import { InputNumber } from 'primereact/inputnumber';
|
|
4
|
+
import { Controller } from 'react-hook-form';
|
|
5
|
+
const NumberInput = (props) => {
|
|
6
|
+
const { controller, block, ...rest } = props;
|
|
7
|
+
return (_jsx(Controller, { ...controller, render: ({ field, fieldState, formState }) => {
|
|
8
|
+
return (_jsx(InputNumber
|
|
9
|
+
// id={field.name}
|
|
10
|
+
, { ...rest, disabled: formState.isSubmitting || rest.disabled, className: classNames(rest.className, { 'w-full': block }), inputClassName: classNames(rest.inputClassName, {
|
|
11
|
+
'w-full': block,
|
|
12
|
+
}), name: field.name, value: field.value, invalid: fieldState.invalid, onChange: (e) => field.onChange(e.value), inputRef: field.ref, inputId: field.name }));
|
|
13
|
+
} }));
|
|
14
|
+
};
|
|
15
|
+
export default NumberInput;
|
|
16
|
+
//# sourceMappingURL=NumberInput.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NumberInput.js","sourceRoot":"","sources":["../../../src/components/Forms/NumberInput.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,WAAW,EAAoB,MAAM,wBAAwB,CAAC;AAEvE,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAS7C,MAAM,WAAW,GAA+B,CAAC,KAAK,EAAE,EAAE;IACxD,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAE7C,OAAO,CACL,KAAC,UAAU,OACL,UAAU,EACd,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,EAAE,EAAE;YAC3C,OAAO,CACL,KAAC,WAAW;YACV,kBAAkB;mBACd,IAAI,EACR,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,cAAc,EAAE,UAAU,CAAC,IAAI,CAAC,cAAc,EAAE;oBAC9C,QAAQ,EAAE,KAAK;iBAChB,CAAC,EACF,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,OAAO,EAAE,UAAU,CAAC,OAAO,EAC3B,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,EACxC,QAAQ,EAAE,KAAK,CAAC,GAAG,EACnB,OAAO,EAAE,KAAK,CAAC,IAAI,GACnB,CACH,CAAC;QACJ,CAAC,GACD,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { Control, ControllerFieldState, ControllerRenderProps, RegisterOptions, UseFormStateReturn } from 'react-hook-form';
|
|
3
|
+
interface RenderProps {
|
|
4
|
+
field: ControllerRenderProps;
|
|
5
|
+
fieldState: ControllerFieldState;
|
|
6
|
+
formState: UseFormStateReturn<any>;
|
|
7
|
+
value: any;
|
|
8
|
+
}
|
|
9
|
+
export type RenderFieldProps = {
|
|
10
|
+
name: string;
|
|
11
|
+
defaultValue?: any;
|
|
12
|
+
control?: Control;
|
|
13
|
+
render: (props: RenderProps) => React.ReactElement;
|
|
14
|
+
rules?: RegisterOptions;
|
|
15
|
+
};
|
|
16
|
+
declare const RenderField: React.FC<RenderFieldProps>;
|
|
17
|
+
export default RenderField;
|
|
18
|
+
//# sourceMappingURL=RenderField.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RenderField.d.ts","sourceRoot":"","sources":["../../../src/components/Forms/RenderField.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,OAAO,EAEP,oBAAoB,EACpB,qBAAqB,EACrB,eAAe,EACf,kBAAkB,EACnB,MAAM,iBAAiB,CAAC;AAEzB,UAAU,WAAW;IACnB,KAAK,EAAE,qBAAqB,CAAC;IAC7B,UAAU,EAAE,oBAAoB,CAAC;IACjC,SAAS,EAAE,kBAAkB,CAAC,GAAG,CAAC,CAAC;IACnC,KAAK,EAAE,GAAG,CAAC;CACZ;AAED,MAAM,MAAM,gBAAgB,GAAG;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,CAAC,EAAE,GAAG,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,KAAK,CAAC,YAAY,CAAC;IACnD,KAAK,CAAC,EAAE,eAAe,CAAC;CACzB,CAAC;AAEF,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAiB3C,CAAC;AAEF,eAAe,WAAW,CAAC"}
|