@gnwebsoft/ui 4.0.25 → 4.0.26
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/dist/{chunk-3ABTOBSZ.cjs → chunk-C55PJKEV.cjs} +240 -15
- package/dist/chunk-R2U4YYZU.js +2624 -0
- package/dist/index.cjs +7 -3
- package/dist/index.js +5 -1
- package/dist/wrappers/Field/index.d.ts +8 -0
- package/dist/wrappers/Field/index.d.ts.map +1 -1
- package/dist/wrappers/FileUploadElement/FileUploadElement.d.ts +64 -0
- package/dist/wrappers/FileUploadElement/FileUploadElement.d.ts.map +1 -0
- package/dist/wrappers/FileUploadElement/index.d.ts +3 -0
- package/dist/wrappers/FileUploadElement/index.d.ts.map +1 -0
- package/dist/wrappers/SliderElement/SliderElement.d.ts +69 -0
- package/dist/wrappers/SliderElement/SliderElement.d.ts.map +1 -0
- package/dist/wrappers/SliderElement/index.d.ts +3 -0
- package/dist/wrappers/SliderElement/index.d.ts.map +1 -0
- package/dist/wrappers/index.cjs +7 -3
- package/dist/wrappers/index.d.ts +2 -0
- package/dist/wrappers/index.d.ts.map +1 -1
- package/dist/wrappers/index.js +5 -1
- package/package.json +1 -1
- package/dist/chunk-U52XIVRE.js +0 -2399
package/dist/index.cjs
CHANGED
|
@@ -126,7 +126,9 @@ var _chunkUZ2KNGOFcjs = require('./chunk-UZ2KNGOF.cjs');
|
|
|
126
126
|
|
|
127
127
|
|
|
128
128
|
|
|
129
|
-
|
|
129
|
+
|
|
130
|
+
|
|
131
|
+
var _chunkC55PJKEVcjs = require('./chunk-C55PJKEV.cjs');
|
|
130
132
|
|
|
131
133
|
|
|
132
134
|
|
|
@@ -261,5 +263,7 @@ var _chunkLUW7V5GIcjs = require('./chunk-LUW7V5GI.cjs');
|
|
|
261
263
|
|
|
262
264
|
|
|
263
265
|
|
|
264
|
-
|
|
265
|
-
|
|
266
|
+
|
|
267
|
+
|
|
268
|
+
exports.ApiClient = _chunkOOYORGC6cjs.ApiClient; exports.AsyncSelectMultiElement = _chunkC55PJKEVcjs.AsyncSelectMultiElement; exports.AuthorizedView = _chunkOOYORGC6cjs.AuthorizedView; exports.CacheUtility = _chunkOOYORGC6cjs.CacheUtility; exports.CancelButton = _chunkOOYORGC6cjs.CancelButton; exports.CancelToken = _chunkOOYORGC6cjs.CancelToken; exports.CheckboxElement = _chunkC55PJKEVcjs.CheckboxElement; exports.CheckboxGroupElement = _chunkC55PJKEVcjs.CheckboxGroupElement; exports.ClearButton = _chunkOOYORGC6cjs.ClearButton; exports.Config = _chunkOOYORGC6cjs.Config; exports.DatePickerElement = _chunkC55PJKEVcjs.DatePickerElement; exports.DatePickerElementCore = _chunkC55PJKEVcjs.DatePickerElementCore; exports.Field = _chunkC55PJKEVcjs.Field; exports.FileUploadElement = _chunkC55PJKEVcjs.FileUploadElement; exports.FilterButton = _chunkOOYORGC6cjs.FilterButton; exports.FilterChip = _chunkOOYORGC6cjs.FilterChip; exports.FilterWrapper = _chunkOOYORGC6cjs.FilterWrapper; exports.Footer = _chunkOOYORGC6cjs.Footer; exports.LabelText = _chunkOOYORGC6cjs.LabelText; exports.PasswordElement = _chunkC55PJKEVcjs.PasswordElement; exports.ProgramsFilterDisplay = _chunkOOYORGC6cjs.ProgramsFilterDisplay; exports.RadioButtonGroup = _chunkC55PJKEVcjs.RadioButtonGroup; exports.RenderIf = _chunkOOYORGC6cjs.RenderIf; exports.RequestManager = _chunkOOYORGC6cjs.RequestManager; exports.SectionBox = _chunkOOYORGC6cjs.SectionBox; exports.SelectCascadeElement = _chunkC55PJKEVcjs.SelectCascadeElement; exports.SelectElement = _chunkC55PJKEVcjs.SelectElement; exports.SelectMultiElement = _chunkC55PJKEVcjs.SelectMultiElement; exports.SimpleContainer = _chunkOOYORGC6cjs.SimpleContainer; exports.SimpleTabs = _chunkOOYORGC6cjs.SimpleTabs; exports.SliderElement = _chunkC55PJKEVcjs.SliderElement; exports.SubmitButton = _chunkOOYORGC6cjs.SubmitButton; exports.TextFieldElement = _chunkC55PJKEVcjs.TextFieldElement; exports.TimePickerElement = _chunkC55PJKEVcjs.TimePickerElement; exports.brand = _chunkFMN47XRJcjs.brand; exports.calculateFilterCount = _chunkOOYORGC6cjs.calculateFilterCount; exports.createApiClient = _chunkOOYORGC6cjs.createApiClient; exports.createDateInputTransform = _chunkC55PJKEVcjs.createDateInputTransform; exports.createDateOutputTransform = _chunkC55PJKEVcjs.createDateOutputTransform; exports.createDefaultDatePickerConfig = _chunkC55PJKEVcjs.createDefaultDatePickerConfig; exports.createEventValueExtractor = _chunkFMN47XRJcjs.createEventValueExtractor; exports.createStableKey = _chunkC55PJKEVcjs.createStableKey; exports.dateTimePatterns = _chunkOOYORGC6cjs.dateTimePatterns; exports.extractErrorMessage = _chunkC55PJKEVcjs.extractErrorMessage; exports.extractEventValue = _chunkFMN47XRJcjs.extractEventValue; exports.fAdd = _chunkOOYORGC6cjs.fAdd; exports.fDate = _chunkOOYORGC6cjs.fDate; exports.fDateRangeShortLabel = _chunkOOYORGC6cjs.fDateRangeShortLabel; exports.fDateTime = _chunkOOYORGC6cjs.fDateTime; exports.fIsAfter = _chunkOOYORGC6cjs.fIsAfter; exports.fIsBetween = _chunkOOYORGC6cjs.fIsBetween; exports.fIsSame = _chunkOOYORGC6cjs.fIsSame; exports.fSub = _chunkOOYORGC6cjs.fSub; exports.fTime = _chunkOOYORGC6cjs.fTime; exports.fTimestamp = _chunkOOYORGC6cjs.fTimestamp; exports.fToNow = _chunkOOYORGC6cjs.fToNow; exports.flattenObjectKeys = _chunkUZ2KNGOFcjs.flattenObjectKeys; exports.formatPatterns = _chunkOOYORGC6cjs.formatPatterns; exports.generateCorrelationId = _chunkOOYORGC6cjs.generateCorrelationId; exports.getEmptyObject = _chunkOOYORGC6cjs.getEmptyObject; exports.getGlobalApiClient = _chunkOOYORGC6cjs.getGlobalApiClient; exports.getTimezone = _chunkUZ2KNGOFcjs.getTimezone; exports.handleServerErrors = _chunkUZ2KNGOFcjs.handleServerErrors; exports.hasProperty = _chunkUZ2KNGOFcjs.hasProperty; exports.initializeGlobalApiClient = _chunkOOYORGC6cjs.initializeGlobalApiClient; exports.isArray = _chunkUZ2KNGOFcjs.isArray; exports.isBoolean = _chunkUZ2KNGOFcjs.isBoolean; exports.isDate = _chunkUZ2KNGOFcjs.isDate; exports.isDefined = _chunkUZ2KNGOFcjs.isDefined; exports.isError = _chunkUZ2KNGOFcjs.isError; exports.isFormChangeEvent = _chunkFMN47XRJcjs.isFormChangeEvent; exports.isFormData = _chunkFMN47XRJcjs.isFormData; exports.isFunction = _chunkUZ2KNGOFcjs.isFunction; exports.isInputChangeEvent = _chunkFMN47XRJcjs.isInputChangeEvent; exports.isJsonArray = _chunkFMN47XRJcjs.isJsonArray; exports.isJsonObject = _chunkFMN47XRJcjs.isJsonObject; exports.isNonEmptyArray = _chunkUZ2KNGOFcjs.isNonEmptyArray; exports.isNonEmptyString = _chunkUZ2KNGOFcjs.isNonEmptyString; exports.isNull = _chunkUZ2KNGOFcjs.isNull; exports.isNullish = _chunkUZ2KNGOFcjs.isNullish; exports.isNumber = _chunkUZ2KNGOFcjs.isNumber; exports.isParsableDateString = _chunkC55PJKEVcjs.isParsableDateString; exports.isPromise = _chunkUZ2KNGOFcjs.isPromise; exports.isRecord = _chunkUZ2KNGOFcjs.isRecord; exports.isRequestBody = _chunkFMN47XRJcjs.isRequestBody; exports.isSelectChangeEvent = _chunkFMN47XRJcjs.isSelectChangeEvent; exports.isString = _chunkUZ2KNGOFcjs.isString; exports.isUndefined = _chunkUZ2KNGOFcjs.isUndefined; exports.isValidDate = _chunkC55PJKEVcjs.isValidDate; exports.isValidOption = _chunkC55PJKEVcjs.isValidOption; exports.matches = _chunkUZ2KNGOFcjs.matches; exports.normalizeOptions = _chunkC55PJKEVcjs.normalizeOptions; exports.propertyExists = _chunkUZ2KNGOFcjs.propertyExists; exports.readDatePickerValueAsDate = _chunkC55PJKEVcjs.readDatePickerValueAsDate; exports.readValueAsDate = _chunkLUW7V5GIcjs.readValueAsDate; exports.removeLeadingTrailingSlashes = _chunkUZ2KNGOFcjs.removeLeadingTrailingSlashes; exports.resetGlobalApiClient = _chunkOOYORGC6cjs.resetGlobalApiClient; exports.schemaTools = _chunkUZ2KNGOFcjs.schemaTools; exports.setGlobalApiClient = _chunkOOYORGC6cjs.setGlobalApiClient; exports.today = _chunkOOYORGC6cjs.today; exports.transformFactories = _chunkQYHJIPSZcjs.transformFactories; exports.typedEntries = _chunkFMN47XRJcjs.typedEntries; exports.typedKeys = _chunkFMN47XRJcjs.typedKeys; exports.typedValues = _chunkFMN47XRJcjs.typedValues; exports.typedWatch = _chunkOOYORGC6cjs.typedWatch; exports.useApiClient = _chunkOOYORGC6cjs.useApiClient; exports.useCacheUtility = _chunkOOYORGC6cjs.useCacheUtility; exports.useDatePickerStyles = _chunkC55PJKEVcjs.useDatePickerStyles; exports.useDatePickerValidation = _chunkC55PJKEVcjs.useDatePickerValidation; exports.useDatePickerValue = _chunkC55PJKEVcjs.useDatePickerValue; exports.useDeleteHandler = _chunkOOYORGC6cjs.useDeleteHandler; exports.useEnhancedTransform = _chunkQYHJIPSZcjs.useEnhancedTransform; exports.useFormErrorHandler = _chunkOOYORGC6cjs.useFormErrorHandler; exports.useStableRowCount = _chunkOOYORGC6cjs.useStableRowCount; exports.useTransform = _chunkQYHJIPSZcjs.useTransform; exports.useValidationErrors = _chunkOOYORGC6cjs.useValidationErrors; exports.useWatchBatch = _chunkOOYORGC6cjs.useWatchBatch; exports.useWatchBoolean = _chunkOOYORGC6cjs.useWatchBoolean; exports.useWatchConditional = _chunkOOYORGC6cjs.useWatchConditional; exports.useWatchDebounced = _chunkOOYORGC6cjs.useWatchDebounced; exports.useWatchDefault = _chunkOOYORGC6cjs.useWatchDefault; exports.useWatchField = _chunkOOYORGC6cjs.useWatchField; exports.useWatchFields = _chunkOOYORGC6cjs.useWatchFields; exports.useWatchForm = _chunkOOYORGC6cjs.useWatchForm; exports.useWatchSelector = _chunkOOYORGC6cjs.useWatchSelector; exports.useWatchTransform = _chunkOOYORGC6cjs.useWatchTransform; exports.withDataModal = _chunkOOYORGC6cjs.withDataModal;
|
|
269
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImQ6XFxQcm9qZWN0c1xcR05XZWJTb2Z0LlVJXFxwYWNrYWdlc1xcdWlcXGRpc3RcXGluZGV4LmNqcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtBQUNFO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDRix3REFBNkI7QUFDN0I7QUFDRTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNGLHdEQUE2QjtBQUM3QjtBQUNFO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDRix3REFBNkI7QUFDN0I7QUFDRTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNGLHdEQUE2QjtBQUM3QjtBQUNFO0FBQ0E7QUFDQTtBQUNGLHdEQUE2QjtBQUM3QjtBQUNFO0FBQ0Ysd0RBQTZCO0FBQzdCO0FBQ0U7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDRixzeU9BQUMiLCJmaWxlIjoiRDpcXFByb2plY3RzXFxHTldlYlNvZnQuVUlcXHBhY2thZ2VzXFx1aVxcZGlzdFxcaW5kZXguY2pzIn0=
|
package/dist/index.js
CHANGED
|
@@ -106,11 +106,13 @@ import {
|
|
|
106
106
|
DatePickerElement,
|
|
107
107
|
DatePickerElementCore,
|
|
108
108
|
Field,
|
|
109
|
+
FileUploadElement,
|
|
109
110
|
PasswordElement,
|
|
110
111
|
RadioButtonGroup,
|
|
111
112
|
SelectCascadeElement,
|
|
112
113
|
SelectElement,
|
|
113
114
|
SelectMultiElement,
|
|
115
|
+
SliderElement,
|
|
114
116
|
TextFieldElement,
|
|
115
117
|
TimePickerElement,
|
|
116
118
|
createDateInputTransform,
|
|
@@ -126,7 +128,7 @@ import {
|
|
|
126
128
|
useDatePickerStyles,
|
|
127
129
|
useDatePickerValidation,
|
|
128
130
|
useDatePickerValue
|
|
129
|
-
} from "./chunk-
|
|
131
|
+
} from "./chunk-R2U4YYZU.js";
|
|
130
132
|
import {
|
|
131
133
|
transformFactories,
|
|
132
134
|
useEnhancedTransform,
|
|
@@ -149,6 +151,7 @@ export {
|
|
|
149
151
|
DatePickerElement,
|
|
150
152
|
DatePickerElementCore,
|
|
151
153
|
Field,
|
|
154
|
+
FileUploadElement,
|
|
152
155
|
FilterButton,
|
|
153
156
|
FilterChip,
|
|
154
157
|
FilterWrapper,
|
|
@@ -165,6 +168,7 @@ export {
|
|
|
165
168
|
SelectMultiElement,
|
|
166
169
|
SimpleContainer,
|
|
167
170
|
SimpleTabs,
|
|
171
|
+
SliderElement,
|
|
168
172
|
SubmitButton,
|
|
169
173
|
TextFieldElement,
|
|
170
174
|
TimePickerElement,
|
|
@@ -37,6 +37,14 @@ declare const Field: {
|
|
|
37
37
|
displayName: string;
|
|
38
38
|
};
|
|
39
39
|
OTPInput: <TFieldValues extends import("react-hook-form").FieldValues = import("react-hook-form").FieldValues, TName extends import("react-hook-form").FieldPath<TFieldValues> = import("react-hook-form").FieldPath<TFieldValues>>({ gridProps, ...props }: import("../OTPInputElement").OTPInputElementProps<TFieldValues, TName>) => import("react").ReactElement;
|
|
40
|
+
Slider: {
|
|
41
|
+
<TFieldValues extends import("react-hook-form").FieldValues = import("react-hook-form").FieldValues, TName extends import("react-hook-form").FieldPath<TFieldValues> = import("react-hook-form").FieldPath<TFieldValues>>({ gridProps, ...props }: import("..").SliderElementProps<TFieldValues, TName>): import("react").ReactElement;
|
|
42
|
+
displayName: string;
|
|
43
|
+
};
|
|
44
|
+
FileUpload: {
|
|
45
|
+
<TFieldValues extends import("react-hook-form").FieldValues = import("react-hook-form").FieldValues, TName extends import("react-hook-form").FieldPath<TFieldValues> = import("react-hook-form").FieldPath<TFieldValues>>({ gridProps, ...props }: import("..").FileUploadElementProps<TFieldValues, TName>): import("react").ReactElement;
|
|
46
|
+
displayName: string;
|
|
47
|
+
};
|
|
40
48
|
};
|
|
41
49
|
export { Field };
|
|
42
50
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/wrappers/Field/index.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/wrappers/Field/index.ts"],"names":[],"mappings":"AAiBA,QAAA,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiBV,CAAC;AAEF,OAAO,EAAE,KAAK,EAAE,CAAC"}
|
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
import { type GridProps } from '@mui/material';
|
|
2
|
+
import type { ReactElement, ReactNode } from 'react';
|
|
3
|
+
import type { Control, FieldError, FieldPath, FieldValues } from 'react-hook-form';
|
|
4
|
+
/**
|
|
5
|
+
* Props for the FileUploadElement component.
|
|
6
|
+
*
|
|
7
|
+
* @template TFieldValues - The form values type
|
|
8
|
+
* @template TName - The field name type
|
|
9
|
+
*/
|
|
10
|
+
export interface FileUploadElementProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> {
|
|
11
|
+
/** The field name in the form */
|
|
12
|
+
name: TName;
|
|
13
|
+
/** The form control instance from react-hook-form */
|
|
14
|
+
control?: Control<TFieldValues>;
|
|
15
|
+
/** The input label text */
|
|
16
|
+
label?: ReactNode;
|
|
17
|
+
/** Helper text to display below the upload */
|
|
18
|
+
helperText?: ReactNode;
|
|
19
|
+
/** Custom error message parser */
|
|
20
|
+
parseError?: (error: FieldError) => ReactNode;
|
|
21
|
+
/** Maximum number of files allowed */
|
|
22
|
+
maxFiles?: number;
|
|
23
|
+
/** Maximum file size in MB */
|
|
24
|
+
maxSizeMB?: number;
|
|
25
|
+
/** Allowed file extensions (e.g., ['.jpg', '.png', '.pdf']) */
|
|
26
|
+
allowedExtensions?: string[];
|
|
27
|
+
/** Whether the field is required */
|
|
28
|
+
required?: boolean;
|
|
29
|
+
/** Whether the field is disabled */
|
|
30
|
+
disabled?: boolean;
|
|
31
|
+
/** Grid layout props for the wrapper */
|
|
32
|
+
gridProps?: GridProps;
|
|
33
|
+
/** Button text */
|
|
34
|
+
buttonText?: string;
|
|
35
|
+
}
|
|
36
|
+
/**
|
|
37
|
+
* A react-hook-form integrated File Upload component.
|
|
38
|
+
*
|
|
39
|
+
* Features:
|
|
40
|
+
* - Full react-hook-form integration
|
|
41
|
+
* - Multiple file support
|
|
42
|
+
* - File size validation
|
|
43
|
+
* - File type validation
|
|
44
|
+
* - Visual file list with remove capability
|
|
45
|
+
* - Grid layout wrapper
|
|
46
|
+
* - TypeScript type safety
|
|
47
|
+
*
|
|
48
|
+
* @example
|
|
49
|
+
* ```tsx
|
|
50
|
+
* <FileUploadElement
|
|
51
|
+
* name="documents"
|
|
52
|
+
* control={control}
|
|
53
|
+
* label="Upload Documents"
|
|
54
|
+
* maxFiles={3}
|
|
55
|
+
* maxSizeMB={5}
|
|
56
|
+
* allowedExtensions={['.pdf', '.doc', '.docx']}
|
|
57
|
+
* />
|
|
58
|
+
* ```
|
|
59
|
+
*/
|
|
60
|
+
export declare const FileUploadElement: {
|
|
61
|
+
<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ gridProps, ...props }: FileUploadElementProps<TFieldValues, TName>): ReactElement;
|
|
62
|
+
displayName: string;
|
|
63
|
+
};
|
|
64
|
+
//# sourceMappingURL=FileUploadElement.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FileUploadElement.d.ts","sourceRoot":"","sources":["../../../src/wrappers/FileUploadElement/FileUploadElement.tsx"],"names":[],"mappings":"AAAA,OAAO,EASL,KAAK,SAAS,EACf,MAAM,eAAe,CAAC;AAEvB,OAAO,KAAK,EAAe,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElE,OAAO,KAAK,EAAE,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAGnF;;;;;GAKG;AACH,MAAM,WAAW,sBAAsB,CACrC,YAAY,SAAS,WAAW,GAAG,WAAW,EAC9C,KAAK,SAAS,SAAS,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC,YAAY,CAAC;IAE/D,iCAAiC;IACjC,IAAI,EAAE,KAAK,CAAC;IACZ,qDAAqD;IACrD,OAAO,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;IAChC,2BAA2B;IAC3B,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,8CAA8C;IAC9C,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,kCAAkC;IAClC,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,SAAS,CAAC;IAC9C,sCAAsC;IACtC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,8BAA8B;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+DAA+D;IAC/D,iBAAiB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC7B,oCAAoC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oCAAoC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wCAAwC;IACxC,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,kBAAkB;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAgJD;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,eAAO,MAAM,iBAAiB;KAC5B,YAAY,SAAS,WAAW,gBAChC,KAAK,SAAS,SAAS,CAAC,YAAY,CAAC,qDAIpC,sBAAsB,CAAC,YAAY,EAAE,KAAK,CAAC,GAAG,YAAY;;CAM5D,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/wrappers/FileUploadElement/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,YAAY,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC"}
|
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
import { type GridProps, type SliderProps } from '@mui/material';
|
|
2
|
+
import type { ReactElement, ReactNode } from 'react';
|
|
3
|
+
import type { Control, FieldError, FieldPath, FieldValues } from 'react-hook-form';
|
|
4
|
+
/**
|
|
5
|
+
* Props for the SliderElement component.
|
|
6
|
+
*
|
|
7
|
+
* @template TFieldValues - The form values type
|
|
8
|
+
* @template TName - The field name type
|
|
9
|
+
*/
|
|
10
|
+
export interface SliderElementProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> {
|
|
11
|
+
/** The field name in the form */
|
|
12
|
+
name: TName;
|
|
13
|
+
/** The form control instance from react-hook-form */
|
|
14
|
+
control?: Control<TFieldValues>;
|
|
15
|
+
/** The input label text */
|
|
16
|
+
label?: ReactNode;
|
|
17
|
+
/** Helper text to display below the slider */
|
|
18
|
+
helperText?: ReactNode;
|
|
19
|
+
/** Custom error message parser */
|
|
20
|
+
parseError?: (error: FieldError) => ReactNode;
|
|
21
|
+
/** Minimum value */
|
|
22
|
+
min?: number;
|
|
23
|
+
/** Maximum value */
|
|
24
|
+
max?: number;
|
|
25
|
+
/** Step increment */
|
|
26
|
+
step?: number;
|
|
27
|
+
/** Show marks on the slider */
|
|
28
|
+
marks?: boolean | {
|
|
29
|
+
value: number;
|
|
30
|
+
label?: string;
|
|
31
|
+
}[];
|
|
32
|
+
/** Whether the field is required */
|
|
33
|
+
required?: boolean;
|
|
34
|
+
/** Whether the field is disabled */
|
|
35
|
+
disabled?: boolean;
|
|
36
|
+
/** Grid layout props for the wrapper */
|
|
37
|
+
gridProps?: GridProps;
|
|
38
|
+
/** Additional props for the Slider component */
|
|
39
|
+
sliderProps?: Omit<SliderProps, 'value' | 'onChange' | 'min' | 'max' | 'step' | 'marks' | 'disabled'>;
|
|
40
|
+
}
|
|
41
|
+
/**
|
|
42
|
+
* A react-hook-form integrated Slider component.
|
|
43
|
+
*
|
|
44
|
+
* Features:
|
|
45
|
+
* - Full react-hook-form integration
|
|
46
|
+
* - Automatic error display
|
|
47
|
+
* - Customizable min/max/step values
|
|
48
|
+
* - Optional marks display
|
|
49
|
+
* - Grid layout wrapper
|
|
50
|
+
* - TypeScript type safety
|
|
51
|
+
*
|
|
52
|
+
* @example
|
|
53
|
+
* ```tsx
|
|
54
|
+
* <SliderElement
|
|
55
|
+
* name="rating"
|
|
56
|
+
* control={control}
|
|
57
|
+
* label="Rating"
|
|
58
|
+
* min={0}
|
|
59
|
+
* max={10}
|
|
60
|
+
* step={1}
|
|
61
|
+
* marks
|
|
62
|
+
* />
|
|
63
|
+
* ```
|
|
64
|
+
*/
|
|
65
|
+
export declare const SliderElement: {
|
|
66
|
+
<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ gridProps, ...props }: SliderElementProps<TFieldValues, TName>): ReactElement;
|
|
67
|
+
displayName: string;
|
|
68
|
+
};
|
|
69
|
+
//# sourceMappingURL=SliderElement.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SliderElement.d.ts","sourceRoot":"","sources":["../../../src/wrappers/SliderElement/SliderElement.tsx"],"names":[],"mappings":"AAAA,OAAO,EAOL,KAAK,SAAS,EACd,KAAK,WAAW,EACjB,MAAM,eAAe,CAAC;AACvB,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,KAAK,EAAE,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAGnF;;;;;GAKG;AACH,MAAM,WAAW,kBAAkB,CACjC,YAAY,SAAS,WAAW,GAAG,WAAW,EAC9C,KAAK,SAAS,SAAS,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC,YAAY,CAAC;IAE/D,iCAAiC;IACjC,IAAI,EAAE,KAAK,CAAC;IACZ,qDAAqD;IACrD,OAAO,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;IAChC,2BAA2B;IAC3B,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,8CAA8C;IAC9C,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,kCAAkC;IAClC,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,SAAS,CAAC;IAC9C,oBAAoB;IACpB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,oBAAoB;IACpB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,qBAAqB;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,+BAA+B;IAC/B,KAAK,CAAC,EAAE,OAAO,GAAG;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IACtD,oCAAoC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oCAAoC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wCAAwC;IACxC,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,gDAAgD;IAChD,WAAW,CAAC,EAAE,IAAI,CAAC,WAAW,EAAE,OAAO,GAAG,UAAU,GAAG,KAAK,GAAG,KAAK,GAAG,MAAM,GAAG,OAAO,GAAG,UAAU,CAAC,CAAC;CACvG;AA+DD;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,eAAO,MAAM,aAAa;KACxB,YAAY,SAAS,WAAW,gBAChC,KAAK,SAAS,SAAS,CAAC,YAAY,CAAC,qDAIpC,kBAAkB,CAAC,YAAY,EAAE,KAAK,CAAC,GAAG,YAAY;;CAMxD,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/wrappers/SliderElement/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,YAAY,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC"}
|
package/dist/wrappers/index.cjs
CHANGED
|
@@ -25,7 +25,9 @@
|
|
|
25
25
|
|
|
26
26
|
|
|
27
27
|
|
|
28
|
-
|
|
28
|
+
|
|
29
|
+
|
|
30
|
+
var _chunkC55PJKEVcjs = require('../chunk-C55PJKEV.cjs');
|
|
29
31
|
require('../chunk-QYHJIPSZ.cjs');
|
|
30
32
|
require('../chunk-LUW7V5GI.cjs');
|
|
31
33
|
|
|
@@ -55,5 +57,7 @@ require('../chunk-LUW7V5GI.cjs');
|
|
|
55
57
|
|
|
56
58
|
|
|
57
59
|
|
|
58
|
-
|
|
59
|
-
|
|
60
|
+
|
|
61
|
+
|
|
62
|
+
exports.AsyncSelectMultiElement = _chunkC55PJKEVcjs.AsyncSelectMultiElement; exports.CheckboxElement = _chunkC55PJKEVcjs.CheckboxElement; exports.CheckboxGroupElement = _chunkC55PJKEVcjs.CheckboxGroupElement; exports.DatePickerElement = _chunkC55PJKEVcjs.DatePickerElement; exports.DatePickerElementCore = _chunkC55PJKEVcjs.DatePickerElementCore; exports.Field = _chunkC55PJKEVcjs.Field; exports.FileUploadElement = _chunkC55PJKEVcjs.FileUploadElement; exports.PasswordElement = _chunkC55PJKEVcjs.PasswordElement; exports.RadioButtonGroup = _chunkC55PJKEVcjs.RadioButtonGroup; exports.SelectCascadeElement = _chunkC55PJKEVcjs.SelectCascadeElement; exports.SelectElement = _chunkC55PJKEVcjs.SelectElement; exports.SelectMultiElement = _chunkC55PJKEVcjs.SelectMultiElement; exports.SliderElement = _chunkC55PJKEVcjs.SliderElement; exports.TextFieldElement = _chunkC55PJKEVcjs.TextFieldElement; exports.TimePickerElement = _chunkC55PJKEVcjs.TimePickerElement; exports.createDateInputTransform = _chunkC55PJKEVcjs.createDateInputTransform; exports.createDateOutputTransform = _chunkC55PJKEVcjs.createDateOutputTransform; exports.createDefaultDatePickerConfig = _chunkC55PJKEVcjs.createDefaultDatePickerConfig; exports.createStableKey = _chunkC55PJKEVcjs.createStableKey; exports.extractErrorMessage = _chunkC55PJKEVcjs.extractErrorMessage; exports.isParsableDateString = _chunkC55PJKEVcjs.isParsableDateString; exports.isValidDate = _chunkC55PJKEVcjs.isValidDate; exports.isValidOption = _chunkC55PJKEVcjs.isValidOption; exports.normalizeOptions = _chunkC55PJKEVcjs.normalizeOptions; exports.readDatePickerValueAsDate = _chunkC55PJKEVcjs.readDatePickerValueAsDate; exports.useDatePickerStyles = _chunkC55PJKEVcjs.useDatePickerStyles; exports.useDatePickerValidation = _chunkC55PJKEVcjs.useDatePickerValidation; exports.useDatePickerValue = _chunkC55PJKEVcjs.useDatePickerValue;
|
|
63
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImQ6XFxQcm9qZWN0c1xcR05XZWJTb2Z0LlVJXFxwYWNrYWdlc1xcdWlcXGRpc3RcXHdyYXBwZXJzXFxpbmRleC5janMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7QUFDRTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNGLHlEQUE4QjtBQUM5QixpQ0FBOEI7QUFDOUIsaUNBQThCO0FBQzlCO0FBQ0U7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDRixpMURBQUMiLCJmaWxlIjoiRDpcXFByb2plY3RzXFxHTldlYlNvZnQuVUlcXHBhY2thZ2VzXFx1aVxcZGlzdFxcd3JhcHBlcnNcXGluZGV4LmNqcyJ9
|
package/dist/wrappers/index.d.ts
CHANGED
|
@@ -11,5 +11,7 @@ export * from "./SelectElement";
|
|
|
11
11
|
export * from "./SelectMultiElement";
|
|
12
12
|
export * from "./TextFieldElement";
|
|
13
13
|
export * from "./TimePickerElement";
|
|
14
|
+
export * from "./SliderElement";
|
|
15
|
+
export * from "./FileUploadElement";
|
|
14
16
|
export * from "./Field";
|
|
15
17
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/wrappers/index.ts"],"names":[],"mappings":"AACA,cAAc,SAAS,CAAC;AAGxB,OAAO,EAAE,uBAAuB,EAAE,MAAM,oBAAoB,CAAC;AAE7D,YAAY,EAAE,4BAA4B,EAAE,MAAM,oBAAoB,CAAC;AAIvE,cAAc,mBAAmB,CAAC;AAElC,cAAc,iBAAiB,CAAC;AAEhC,cAAc,qBAAqB,CAAC;AAEpC,cAAc,mBAAmB,CAAC;AAElC,cAAc,oBAAoB,CAAC;AAEnC,cAAc,wBAAwB,CAAC;AAEvC,cAAc,iBAAiB,CAAC;AAEhC,cAAc,sBAAsB,CAAC;AAErC,cAAc,oBAAoB,CAAC;AAEnC,cAAc,qBAAqB,CAAC;AAEpC,cAAc,SAAS,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/wrappers/index.ts"],"names":[],"mappings":"AACA,cAAc,SAAS,CAAC;AAGxB,OAAO,EAAE,uBAAuB,EAAE,MAAM,oBAAoB,CAAC;AAE7D,YAAY,EAAE,4BAA4B,EAAE,MAAM,oBAAoB,CAAC;AAIvE,cAAc,mBAAmB,CAAC;AAElC,cAAc,iBAAiB,CAAC;AAEhC,cAAc,qBAAqB,CAAC;AAEpC,cAAc,mBAAmB,CAAC;AAElC,cAAc,oBAAoB,CAAC;AAEnC,cAAc,wBAAwB,CAAC;AAEvC,cAAc,iBAAiB,CAAC;AAEhC,cAAc,sBAAsB,CAAC;AAErC,cAAc,oBAAoB,CAAC;AAEnC,cAAc,qBAAqB,CAAC;AAEpC,cAAc,iBAAiB,CAAC;AAEhC,cAAc,qBAAqB,CAAC;AAEpC,cAAc,SAAS,CAAC"}
|
package/dist/wrappers/index.js
CHANGED
|
@@ -5,11 +5,13 @@ import {
|
|
|
5
5
|
DatePickerElement,
|
|
6
6
|
DatePickerElementCore,
|
|
7
7
|
Field,
|
|
8
|
+
FileUploadElement,
|
|
8
9
|
PasswordElement,
|
|
9
10
|
RadioButtonGroup,
|
|
10
11
|
SelectCascadeElement,
|
|
11
12
|
SelectElement,
|
|
12
13
|
SelectMultiElement,
|
|
14
|
+
SliderElement,
|
|
13
15
|
TextFieldElement,
|
|
14
16
|
TimePickerElement,
|
|
15
17
|
createDateInputTransform,
|
|
@@ -25,7 +27,7 @@ import {
|
|
|
25
27
|
useDatePickerStyles,
|
|
26
28
|
useDatePickerValidation,
|
|
27
29
|
useDatePickerValue
|
|
28
|
-
} from "../chunk-
|
|
30
|
+
} from "../chunk-R2U4YYZU.js";
|
|
29
31
|
import "../chunk-PW777IOX.js";
|
|
30
32
|
import "../chunk-FYU2OIMD.js";
|
|
31
33
|
export {
|
|
@@ -35,11 +37,13 @@ export {
|
|
|
35
37
|
DatePickerElement,
|
|
36
38
|
DatePickerElementCore,
|
|
37
39
|
Field,
|
|
40
|
+
FileUploadElement,
|
|
38
41
|
PasswordElement,
|
|
39
42
|
RadioButtonGroup,
|
|
40
43
|
SelectCascadeElement,
|
|
41
44
|
SelectElement,
|
|
42
45
|
SelectMultiElement,
|
|
46
|
+
SliderElement,
|
|
43
47
|
TextFieldElement,
|
|
44
48
|
TimePickerElement,
|
|
45
49
|
createDateInputTransform,
|