@dartech/arsenal-ui 1.4.9 → 1.4.11
Sign up to get free protection for your applications and to get access to all the features.
- package/index.js +92 -61
- package/package.json +1 -1
- package/src/consts/index.d.ts +1 -0
- package/src/lib/Forms/ControlAceEditor.d.ts +1 -0
- package/src/lib/Forms/ControlAutocomplete/ControlAutocomplete.d.ts +2 -1
- package/src/lib/Forms/ControlAutocomplete/ControlQueryAutocomplete.d.ts +2 -1
- package/src/lib/Forms/ControlDate.d.ts +2 -1
- package/src/lib/Forms/ControlDateTime.d.ts +2 -1
- package/src/lib/Forms/ControlDebouncedInput.d.ts +1 -1
- package/src/lib/Forms/ControlInput.d.ts +5 -1
- package/src/lib/Forms/ControlNumberInput.d.ts +5 -1
- package/src/lib/Forms/ControlPhoneInput.d.ts +2 -1
- package/src/lib/Forms/ControlRadio.d.ts +2 -1
- package/src/lib/Forms/ControlSelect.d.ts +5 -1
- package/src/lib/Forms/ControlTime.d.ts +2 -1
- package/src/lib/Property/PropertyFiller/ControlFiller/ControlMultiplePropertyFiller.d.ts +2 -1
- package/src/lib/Property/PropertyFiller/ControlFiller/ControlPropertyFiller.d.ts +2 -1
- package/src/lib/Property/PropertyFiller/MultiplePropertyFiller.d.ts +2 -1
- package/src/lib/Property/PropertyFiller/PropertyFiller.d.ts +2 -1
- package/src/lib/Property/UpsertProperty/PropertyValueField/StringValueField.d.ts +3 -1
- package/src/lib/Table/SimpleTable/SimpleTable.d.ts +2 -1
package/index.js
CHANGED
@@ -214,6 +214,20 @@ const AlertDialog = ({
|
|
214
214
|
});
|
215
215
|
};
|
216
216
|
|
217
|
+
const defaultDefinitionArrayValue = {
|
218
|
+
code: '',
|
219
|
+
name: '',
|
220
|
+
version: 0,
|
221
|
+
properties: []
|
222
|
+
};
|
223
|
+
const defaultDefinitionObjectValue = {
|
224
|
+
code: '',
|
225
|
+
name: '',
|
226
|
+
version: 0,
|
227
|
+
properties: {}
|
228
|
+
};
|
229
|
+
const DEFAULT_REQUIRED_ERROR_TEXT = 'Please, fill this field';
|
230
|
+
|
217
231
|
/**
|
218
232
|
* Material UI `TextField` controlled component. Used with react-hook-form
|
219
233
|
* @category Forms
|
@@ -230,15 +244,16 @@ const ControlInput = _a => {
|
|
230
244
|
disabled = false,
|
231
245
|
textarea = false,
|
232
246
|
hideErrorMessage = false,
|
233
|
-
onChange: customOnChange
|
247
|
+
onChange: customOnChange,
|
248
|
+
requiredErrorText = ''
|
234
249
|
} = _a,
|
235
|
-
textFieldProps = __rest(_a, ["control", "validate", "name", "label", "required", "defaultValue", "disabled", "textarea", "hideErrorMessage", "onChange"]);
|
250
|
+
textFieldProps = __rest(_a, ["control", "validate", "name", "label", "required", "defaultValue", "disabled", "textarea", "hideErrorMessage", "onChange", "requiredErrorText"]);
|
236
251
|
const _c = useController({
|
237
252
|
name,
|
238
253
|
control,
|
239
254
|
defaultValue,
|
240
255
|
rules: {
|
241
|
-
required: required
|
256
|
+
required: required ? requiredErrorText || DEFAULT_REQUIRED_ERROR_TEXT : false,
|
242
257
|
validate
|
243
258
|
}
|
244
259
|
}),
|
@@ -331,9 +346,10 @@ const ControlDebouncedInput = _a => {
|
|
331
346
|
disabled = false,
|
332
347
|
textarea = false,
|
333
348
|
hideErrorMessage = false,
|
334
|
-
onChange: customOnChange
|
349
|
+
onChange: customOnChange,
|
350
|
+
requiredErrorText = ''
|
335
351
|
} = _a,
|
336
|
-
textFieldProps = __rest(_a, ["control", "validate", "name", "label", "required", "defaultValue", "disabled", "textarea", "hideErrorMessage", "onChange"]);
|
352
|
+
textFieldProps = __rest(_a, ["control", "validate", "name", "label", "required", "defaultValue", "disabled", "textarea", "hideErrorMessage", "onChange", "requiredErrorText"]);
|
337
353
|
const {
|
338
354
|
field: {
|
339
355
|
ref,
|
@@ -347,7 +363,7 @@ const ControlDebouncedInput = _a => {
|
|
347
363
|
control,
|
348
364
|
defaultValue,
|
349
365
|
rules: {
|
350
|
-
required: required
|
366
|
+
required: required ? requiredErrorText || DEFAULT_REQUIRED_ERROR_TEXT : false,
|
351
367
|
validate
|
352
368
|
}
|
353
369
|
});
|
@@ -417,15 +433,16 @@ const ControlSelect = _a => {
|
|
417
433
|
onChange: customOnChange,
|
418
434
|
labelKey,
|
419
435
|
valueKey,
|
420
|
-
options = []
|
436
|
+
options = [],
|
437
|
+
requiredErrorText = ''
|
421
438
|
} = _a,
|
422
|
-
textFieldProps = __rest(_a, ["control", "validate", "name", "label", "required", "defaultValue", "disabled", "hideErrorMessage", "onChange", "labelKey", "valueKey", "options"]);
|
439
|
+
textFieldProps = __rest(_a, ["control", "validate", "name", "label", "required", "defaultValue", "disabled", "hideErrorMessage", "onChange", "labelKey", "valueKey", "options", "requiredErrorText"]);
|
423
440
|
const _c = useController({
|
424
441
|
name,
|
425
442
|
control,
|
426
443
|
defaultValue,
|
427
444
|
rules: {
|
428
|
-
required: required
|
445
|
+
required: required ? requiredErrorText || DEFAULT_REQUIRED_ERROR_TEXT : false,
|
429
446
|
validate
|
430
447
|
}
|
431
448
|
}),
|
@@ -599,14 +616,15 @@ const ControlRadio = ({
|
|
599
616
|
validate,
|
600
617
|
onChange: customOnChange,
|
601
618
|
row,
|
602
|
-
radioProps
|
619
|
+
radioProps,
|
620
|
+
requiredErrorText: _requiredErrorText = ''
|
603
621
|
}) => {
|
604
622
|
const _a = useController({
|
605
623
|
name,
|
606
624
|
control,
|
607
625
|
defaultValue,
|
608
626
|
rules: {
|
609
|
-
required: required
|
627
|
+
required: required ? _requiredErrorText || DEFAULT_REQUIRED_ERROR_TEXT : false,
|
610
628
|
validate
|
611
629
|
}
|
612
630
|
}),
|
@@ -712,15 +730,16 @@ const ControlAutocomplete = _a => {
|
|
712
730
|
multiple,
|
713
731
|
textFieldProps = {},
|
714
732
|
disableCloseOnSelect,
|
715
|
-
useStringValue
|
733
|
+
useStringValue,
|
734
|
+
requiredErrorText = ''
|
716
735
|
} = _a,
|
717
|
-
autocompleteProps = __rest(_a, ["control", "validate", "name", "label", "required", "defaultValue", "disabled", "hideErrorMessage", "onChange", "labelKey", "valueKey", "options", "multiple", "textFieldProps", "disableCloseOnSelect", "useStringValue"]);
|
736
|
+
autocompleteProps = __rest(_a, ["control", "validate", "name", "label", "required", "defaultValue", "disabled", "hideErrorMessage", "onChange", "labelKey", "valueKey", "options", "multiple", "textFieldProps", "disableCloseOnSelect", "useStringValue", "requiredErrorText"]);
|
718
737
|
const _b = useController({
|
719
738
|
name,
|
720
739
|
control,
|
721
740
|
defaultValue: defaultValue || (multiple ? [] : null),
|
722
741
|
rules: {
|
723
|
-
required: required
|
742
|
+
required: required ? requiredErrorText || DEFAULT_REQUIRED_ERROR_TEXT : false,
|
724
743
|
validate
|
725
744
|
}
|
726
745
|
}),
|
@@ -808,15 +827,16 @@ function ControlQueryAutocomplete(_a) {
|
|
808
827
|
onChange,
|
809
828
|
queryFunction,
|
810
829
|
validate,
|
811
|
-
itemQueryFunction
|
830
|
+
itemQueryFunction,
|
831
|
+
requiredErrorText = ''
|
812
832
|
} = _a,
|
813
|
-
autocompleteProps = __rest(_a, ["name", "label", "control", "required", "searchBy", "labelKey", "multiple", "disabled", "valueKey", "sortBy", "hideErrorMessage", "disableCloseOnSelect", "textFieldProps", "onChange", "queryFunction", "validate", "itemQueryFunction"]);
|
833
|
+
autocompleteProps = __rest(_a, ["name", "label", "control", "required", "searchBy", "labelKey", "multiple", "disabled", "valueKey", "sortBy", "hideErrorMessage", "disableCloseOnSelect", "textFieldProps", "onChange", "queryFunction", "validate", "itemQueryFunction", "requiredErrorText"]);
|
814
834
|
const _b = useController({
|
815
835
|
control,
|
816
836
|
name,
|
817
837
|
defaultValue: multiple ? [] : null,
|
818
838
|
rules: {
|
819
|
-
required: required
|
839
|
+
required: required ? requiredErrorText || DEFAULT_REQUIRED_ERROR_TEXT : false,
|
820
840
|
validate
|
821
841
|
}
|
822
842
|
}),
|
@@ -1045,14 +1065,15 @@ const ControlAceEditor = /*#__PURE__*/forwardRef((_a, ref) => {
|
|
1045
1065
|
hideErrorMessage = false,
|
1046
1066
|
fontSize = 16,
|
1047
1067
|
validate = true,
|
1048
|
-
parseValue
|
1068
|
+
parseValue,
|
1069
|
+
requiredErrorText = ''
|
1049
1070
|
} = _a,
|
1050
|
-
otherProps = __rest(_a, ["control", "name", "mode", "label", "width", "height", "readOnly", "required", "validateJson", "hideErrorMessage", "fontSize", "validate", "parseValue"]);
|
1071
|
+
otherProps = __rest(_a, ["control", "name", "mode", "label", "width", "height", "readOnly", "required", "validateJson", "hideErrorMessage", "fontSize", "validate", "parseValue", "requiredErrorText"]);
|
1051
1072
|
const _b = useController({
|
1052
1073
|
control,
|
1053
1074
|
name,
|
1054
1075
|
rules: {
|
1055
|
-
required: required
|
1076
|
+
required: required ? requiredErrorText || DEFAULT_REQUIRED_ERROR_TEXT : false,
|
1056
1077
|
validate: val => {
|
1057
1078
|
if (val && validateJson && typeof val === 'string') {
|
1058
1079
|
try {
|
@@ -1897,15 +1918,16 @@ const ControlNumberInput = _a => {
|
|
1897
1918
|
hideErrorMessage = false,
|
1898
1919
|
onChange: customOnChange,
|
1899
1920
|
decimal = false,
|
1900
|
-
valueAsNumber = true
|
1921
|
+
valueAsNumber = true,
|
1922
|
+
requiredErrorText = ''
|
1901
1923
|
} = _a,
|
1902
|
-
textFieldProps = __rest(_a, ["control", "validate", "name", "label", "required", "defaultValue", "disabled", "hideErrorMessage", "onChange", "decimal", "valueAsNumber"]);
|
1924
|
+
textFieldProps = __rest(_a, ["control", "validate", "name", "label", "required", "defaultValue", "disabled", "hideErrorMessage", "onChange", "decimal", "valueAsNumber", "requiredErrorText"]);
|
1903
1925
|
const _c = useController({
|
1904
1926
|
name,
|
1905
1927
|
control,
|
1906
1928
|
defaultValue,
|
1907
1929
|
rules: {
|
1908
|
-
required: required
|
1930
|
+
required: required ? requiredErrorText || DEFAULT_REQUIRED_ERROR_TEXT : false,
|
1909
1931
|
validate: val => {
|
1910
1932
|
if (val === null || val === 0) return true;
|
1911
1933
|
if (decimal && !floatsOnly.test(val) || /^-*0+$/.test(val)) {
|
@@ -2053,9 +2075,10 @@ const ControlDate = _a => {
|
|
2053
2075
|
label,
|
2054
2076
|
format: format$1 = DATE_DEFAULT_FORMAT,
|
2055
2077
|
hideErrorMessage = false,
|
2056
|
-
textFieldProps = {}
|
2078
|
+
textFieldProps = {},
|
2079
|
+
requiredErrorText = ''
|
2057
2080
|
} = _a,
|
2058
|
-
datePickerProps = __rest(_a, ["control", "name", "required", "label", "format", "hideErrorMessage", "textFieldProps"]);
|
2081
|
+
datePickerProps = __rest(_a, ["control", "name", "required", "label", "format", "hideErrorMessage", "textFieldProps", "requiredErrorText"]);
|
2059
2082
|
const [localFormat, setLocalFormat] = useState(DATE_DEFAULT_FORMAT);
|
2060
2083
|
const {
|
2061
2084
|
field,
|
@@ -2066,7 +2089,7 @@ const ControlDate = _a => {
|
|
2066
2089
|
control,
|
2067
2090
|
name,
|
2068
2091
|
rules: {
|
2069
|
-
required: required
|
2092
|
+
required: required ? requiredErrorText || DEFAULT_REQUIRED_ERROR_TEXT : false,
|
2070
2093
|
validate: val => {
|
2071
2094
|
console.log('DATE', val);
|
2072
2095
|
if (val === '' || isMatch(val, localFormat)) {
|
@@ -2133,9 +2156,10 @@ const ControlDateTime = _a => {
|
|
2133
2156
|
label,
|
2134
2157
|
format: format$1 = DATE_TIME_DEFAULT_FORMAT,
|
2135
2158
|
hideErrorMessage = false,
|
2136
|
-
textFieldProps
|
2159
|
+
textFieldProps,
|
2160
|
+
requiredErrorText = ''
|
2137
2161
|
} = _a,
|
2138
|
-
dateTimePickerProps = __rest(_a, ["control", "name", "required", "label", "format", "hideErrorMessage", "textFieldProps"]);
|
2162
|
+
dateTimePickerProps = __rest(_a, ["control", "name", "required", "label", "format", "hideErrorMessage", "textFieldProps", "requiredErrorText"]);
|
2139
2163
|
const [localFormat, setLocalFormat] = useState();
|
2140
2164
|
const {
|
2141
2165
|
field,
|
@@ -2146,7 +2170,7 @@ const ControlDateTime = _a => {
|
|
2146
2170
|
control,
|
2147
2171
|
name,
|
2148
2172
|
rules: {
|
2149
|
-
required: required
|
2173
|
+
required: required ? requiredErrorText || DEFAULT_REQUIRED_ERROR_TEXT : false,
|
2150
2174
|
validate: val => {
|
2151
2175
|
if (isMatch(val, localFormat)) {
|
2152
2176
|
return true;
|
@@ -2205,13 +2229,14 @@ const ControlTime = ({
|
|
2205
2229
|
required,
|
2206
2230
|
label,
|
2207
2231
|
format: _format = TIME_DEFAULT_FORMAT,
|
2208
|
-
hideErrorMessage: _hideErrorMessage = false
|
2232
|
+
hideErrorMessage: _hideErrorMessage = false,
|
2233
|
+
requiredErrorText: _requiredErrorText = ''
|
2209
2234
|
}) => {
|
2210
2235
|
const _a = useController({
|
2211
2236
|
control,
|
2212
2237
|
name,
|
2213
2238
|
rules: {
|
2214
|
-
required: required
|
2239
|
+
required: required ? _requiredErrorText || DEFAULT_REQUIRED_ERROR_TEXT : false,
|
2215
2240
|
validate: val => {
|
2216
2241
|
if (isMatch(val, _format)) {
|
2217
2242
|
return true;
|
@@ -2552,14 +2577,15 @@ const ControlPhoneInput = _a => {
|
|
2552
2577
|
label,
|
2553
2578
|
required,
|
2554
2579
|
mask = '+7 (799) 999 99 99',
|
2580
|
+
requiredErrorText = '',
|
2555
2581
|
inputMaskProps
|
2556
2582
|
} = _a,
|
2557
|
-
textFieldProps = __rest(_a, ["control", "name", "label", "required", "mask", "inputMaskProps"]);
|
2583
|
+
textFieldProps = __rest(_a, ["control", "name", "label", "required", "mask", "requiredErrorText", "inputMaskProps"]);
|
2558
2584
|
return jsx(Controller, {
|
2559
2585
|
control: control,
|
2560
2586
|
name: name,
|
2561
2587
|
rules: {
|
2562
|
-
required: required
|
2588
|
+
required: required ? requiredErrorText || DEFAULT_REQUIRED_ERROR_TEXT : false,
|
2563
2589
|
validate: val => {
|
2564
2590
|
if (!/(\+7\s\(\d{3}\)\s)(\d{3}\s\d{2})(\s\d{2})/.test(val)) {
|
2565
2591
|
return 'Incorrect phone number format';
|
@@ -3000,6 +3026,7 @@ function TableInner({
|
|
3000
3026
|
pagination = true,
|
3001
3027
|
loading = false,
|
3002
3028
|
onRowClick,
|
3029
|
+
emptyDataText,
|
3003
3030
|
verticalAlign = 'middle'
|
3004
3031
|
}, ref) {
|
3005
3032
|
const {
|
@@ -3053,7 +3080,7 @@ function TableInner({
|
|
3053
3080
|
})
|
3054
3081
|
})
|
3055
3082
|
}), jsx(TableBody, {
|
3056
|
-
children: rows.map((row, index) => jsx(TableRow, Object.assign({
|
3083
|
+
children: rows.length ? rows.map((row, index) => jsx(TableRow, Object.assign({
|
3057
3084
|
hover: true,
|
3058
3085
|
onClick: onRowClick ? () => onRowClick(row) : row.onClick,
|
3059
3086
|
sx: {
|
@@ -3068,7 +3095,18 @@ function TableInner({
|
|
3068
3095
|
}, {
|
3069
3096
|
children: column.renderCell ? column.renderCell(row, index) : row[column.id]
|
3070
3097
|
}), idx))
|
3071
|
-
}), index))
|
3098
|
+
}), index)) : jsx(TableRow, Object.assign({
|
3099
|
+
sx: {
|
3100
|
+
verticalAlign
|
3101
|
+
}
|
3102
|
+
}, {
|
3103
|
+
children: jsx(TableCell, Object.assign({
|
3104
|
+
align: "center",
|
3105
|
+
colSpan: columns.length
|
3106
|
+
}, {
|
3107
|
+
children: emptyDataText !== null && emptyDataText !== void 0 ? emptyDataText : 'Нет данных'
|
3108
|
+
}))
|
3109
|
+
}))
|
3072
3110
|
}), pagination || children ? jsx(TableFooter, {
|
3073
3111
|
children: jsxs(TableRow, {
|
3074
3112
|
children: [children && jsx(TableCell, Object.assign({
|
@@ -3080,7 +3118,7 @@ function TableInner({
|
|
3080
3118
|
}
|
3081
3119
|
}, {
|
3082
3120
|
children: children
|
3083
|
-
})), pagination && rows.length
|
3121
|
+
})), pagination && !!rows.length ? jsx(MuiTablePagination, {
|
3084
3122
|
rowsPerPageOptions: [5, 10, 25],
|
3085
3123
|
count: totalCount,
|
3086
3124
|
rowsPerPage: +size,
|
@@ -3090,7 +3128,7 @@ function TableInner({
|
|
3090
3128
|
},
|
3091
3129
|
onPageChange: (_, page) => onPageChange(page),
|
3092
3130
|
onRowsPerPageChange: event => onSizeChange(+event.target.value)
|
3093
|
-
})]
|
3131
|
+
}) : null]
|
3094
3132
|
})
|
3095
3133
|
}) : null]
|
3096
3134
|
}))]
|
@@ -3693,7 +3731,9 @@ const StringValueField = ({
|
|
3693
3731
|
name,
|
3694
3732
|
label,
|
3695
3733
|
required,
|
3696
|
-
restrictedValues
|
3734
|
+
restrictedValues,
|
3735
|
+
requiredErrorText: _requiredErrorText = '',
|
3736
|
+
requiredSelectErrorText: _requiredSelectErrorText = ''
|
3697
3737
|
}) => {
|
3698
3738
|
const {
|
3699
3739
|
field: {
|
@@ -3707,7 +3747,7 @@ const StringValueField = ({
|
|
3707
3747
|
control,
|
3708
3748
|
name,
|
3709
3749
|
rules: {
|
3710
|
-
required: required
|
3750
|
+
required: required ? Array.isArray(restrictedValues) && restrictedValues.length ? _requiredSelectErrorText || 'Please, select a value' : _requiredErrorText || DEFAULT_REQUIRED_ERROR_TEXT : false
|
3711
3751
|
// pattern: validate && urlValidator,
|
3712
3752
|
}
|
3713
3753
|
});
|
@@ -4074,7 +4114,8 @@ const ControlPropertyFiller = ({
|
|
4074
4114
|
title,
|
4075
4115
|
entityReferenceDefinitionSources,
|
4076
4116
|
entityReferenceValueComponent,
|
4077
|
-
fileReferenceValueComponent
|
4117
|
+
fileReferenceValueComponent,
|
4118
|
+
requiredErrorText: _requiredErrorText = ''
|
4078
4119
|
}) => {
|
4079
4120
|
// const { control, clearErrors, setValue, watch } = useFormContext();
|
4080
4121
|
const {
|
@@ -4092,7 +4133,7 @@ const ControlPropertyFiller = ({
|
|
4092
4133
|
defaultValue: property.defaultValue,
|
4093
4134
|
rules: {
|
4094
4135
|
validate: val => {
|
4095
|
-
if (required && val === null) return
|
4136
|
+
if (required && val === null) return _requiredErrorText || DEFAULT_REQUIRED_ERROR_TEXT;
|
4096
4137
|
return true;
|
4097
4138
|
}
|
4098
4139
|
}
|
@@ -4370,7 +4411,8 @@ const ControlMultiplePropertyFiller = ({
|
|
4370
4411
|
title,
|
4371
4412
|
entityReferenceDefinitionSources,
|
4372
4413
|
entityReferenceValueComponent,
|
4373
|
-
fileReferenceValueComponent
|
4414
|
+
fileReferenceValueComponent,
|
4415
|
+
requiredErrorText: _requiredErrorText = ''
|
4374
4416
|
}) => {
|
4375
4417
|
var _a;
|
4376
4418
|
const [selectTouched, setSelectTouched] = useState(false);
|
@@ -4390,7 +4432,7 @@ const ControlMultiplePropertyFiller = ({
|
|
4390
4432
|
defaultValue: (_a = property.defaultValue) !== null && _a !== void 0 ? _a : [],
|
4391
4433
|
rules: {
|
4392
4434
|
validate: val => {
|
4393
|
-
if (required && !val) return
|
4435
|
+
if (required && !val) return _requiredErrorText || DEFAULT_REQUIRED_ERROR_TEXT;
|
4394
4436
|
return true;
|
4395
4437
|
}
|
4396
4438
|
}
|
@@ -5817,7 +5859,8 @@ const PropertyFiller = ({
|
|
5817
5859
|
title,
|
5818
5860
|
entityReferenceDefinitionSources,
|
5819
5861
|
entityReferenceValueComponent,
|
5820
|
-
fileReferenceValueComponent
|
5862
|
+
fileReferenceValueComponent,
|
5863
|
+
requiredErrorText: _requiredErrorText = ''
|
5821
5864
|
}) => {
|
5822
5865
|
const {
|
5823
5866
|
control,
|
@@ -5837,7 +5880,7 @@ const PropertyFiller = ({
|
|
5837
5880
|
control,
|
5838
5881
|
rules: {
|
5839
5882
|
validate: val => {
|
5840
|
-
if (required && val === null) return
|
5883
|
+
if (required && val === null) return _requiredErrorText || DEFAULT_REQUIRED_ERROR_TEXT;
|
5841
5884
|
return true;
|
5842
5885
|
}
|
5843
5886
|
}
|
@@ -6110,7 +6153,8 @@ const MultiplePropertyFiller = ({
|
|
6110
6153
|
title,
|
6111
6154
|
entityReferenceDefinitionSources,
|
6112
6155
|
entityReferenceValueComponent,
|
6113
|
-
fileReferenceValueComponent
|
6156
|
+
fileReferenceValueComponent,
|
6157
|
+
requiredErrorText: _requiredErrorText = ''
|
6114
6158
|
}) => {
|
6115
6159
|
var _a;
|
6116
6160
|
const [selectTouched, setSelectTouched] = useState(false);
|
@@ -6135,7 +6179,7 @@ const MultiplePropertyFiller = ({
|
|
6135
6179
|
defaultValue: (_a = property.defaultValue) !== null && _a !== void 0 ? _a : [],
|
6136
6180
|
rules: {
|
6137
6181
|
validate: val => {
|
6138
|
-
if (required && !val) return
|
6182
|
+
if (required && !val) return _requiredErrorText || DEFAULT_REQUIRED_ERROR_TEXT;
|
6139
6183
|
return true;
|
6140
6184
|
}
|
6141
6185
|
}
|
@@ -7658,17 +7702,4 @@ const Breadcrumbs = ({
|
|
7658
7702
|
}));
|
7659
7703
|
};
|
7660
7704
|
|
7661
|
-
|
7662
|
-
code: '',
|
7663
|
-
name: '',
|
7664
|
-
version: 0,
|
7665
|
-
properties: []
|
7666
|
-
};
|
7667
|
-
const defaultDefinitionObjectValue = {
|
7668
|
-
code: '',
|
7669
|
-
name: '',
|
7670
|
-
version: 0,
|
7671
|
-
properties: {}
|
7672
|
-
};
|
7673
|
-
|
7674
|
-
export { AlertDialog, BackButton, Breadcrumbs, ContentLayout, ControlAceEditor, ControlArrayInput, ControlAutocomplete, ControlCheckbox, ControlDate, ControlDateTime, ControlDebouncedInput, ControlInput, ControlNumberInput, ControlPeriodInput, ControlPhoneInput, ControlQueryAutocomplete, ControlRadio, ControlSelect, ControlSwitch, ControlTime, CopyButton, CreateDefinition, CreatePropertiesList, CreatePropertiesListContext, CreatePropertyFormFields, DATE_DEFAULT_FORMAT, DATE_TIME_DEFAULT_FORMAT, DefinitionFiller, DefinitionValueView, InfoItem, JsonModalView, JsonPathPicker, JsonView, Loader, MenuIcon, MultiplePropertyFiller, PropertyFiller, PropertyType, PropertyValueField, RoundingMode, RouteTabs, Sidebar, SimpleTable, Status, StepperView, TIME_DEFAULT_FORMAT, TabPanel, Table, TableAction, TableActionCell, ViewPropertiesList, ViewProperty, capitalize, deepParseJson, defaultDefinitionArrayValue, defaultDefinitionObjectValue, digitsOnly, floatsOnly, formatDefinitionData, formatTableRowValue, getDemPropertyDateFormat, getEntityStarterValue, getJsonStringValue, getMultiplePropertyFillOptions, getSinglePropertyFillOptions, isDateType, isExpression, isPropertyValueEmpty, propertiesArrayToObject, propertiesObjectToArray, removeArrayItem, safeParseJson, sortArrayOfObjects, theme, useDebounce, useToggle, validateJson };
|
7705
|
+
export { AlertDialog, BackButton, Breadcrumbs, ContentLayout, ControlAceEditor, ControlArrayInput, ControlAutocomplete, ControlCheckbox, ControlDate, ControlDateTime, ControlDebouncedInput, ControlInput, ControlNumberInput, ControlPeriodInput, ControlPhoneInput, ControlQueryAutocomplete, ControlRadio, ControlSelect, ControlSwitch, ControlTime, CopyButton, CreateDefinition, CreatePropertiesList, CreatePropertiesListContext, CreatePropertyFormFields, DATE_DEFAULT_FORMAT, DATE_TIME_DEFAULT_FORMAT, DEFAULT_REQUIRED_ERROR_TEXT, DefinitionFiller, DefinitionValueView, InfoItem, JsonModalView, JsonPathPicker, JsonView, Loader, MenuIcon, MultiplePropertyFiller, PropertyFiller, PropertyType, PropertyValueField, RoundingMode, RouteTabs, Sidebar, SimpleTable, Status, StepperView, TIME_DEFAULT_FORMAT, TabPanel, Table, TableAction, TableActionCell, ViewPropertiesList, ViewProperty, capitalize, deepParseJson, defaultDefinitionArrayValue, defaultDefinitionObjectValue, digitsOnly, floatsOnly, formatDefinitionData, formatTableRowValue, getDemPropertyDateFormat, getEntityStarterValue, getJsonStringValue, getMultiplePropertyFillOptions, getSinglePropertyFillOptions, isDateType, isExpression, isPropertyValueEmpty, propertiesArrayToObject, propertiesObjectToArray, removeArrayItem, safeParseJson, sortArrayOfObjects, theme, useDebounce, useToggle, validateJson };
|
package/package.json
CHANGED
package/src/consts/index.d.ts
CHANGED
@@ -15,6 +15,7 @@ export interface ControlAceEditorProps {
|
|
15
15
|
validate?: boolean;
|
16
16
|
hideErrorMessage?: boolean;
|
17
17
|
parseValue?: boolean;
|
18
|
+
requiredErrorText?: string;
|
18
19
|
[key: string]: unknown;
|
19
20
|
}
|
20
21
|
export declare const ControlAceEditor: import("react").ForwardRefExoticComponent<Omit<ControlAceEditorProps, "ref"> & import("react").RefAttributes<ReactCodeMirrorRef>>;
|
@@ -61,10 +61,11 @@ export type ControlAutocompleteProps = Omit<AutocompleteProps<unknown, boolean,
|
|
61
61
|
options: string[] | unknown[];
|
62
62
|
textFieldProps?: TextFieldProps;
|
63
63
|
useStringValue?: boolean;
|
64
|
+
requiredErrorText?: string;
|
64
65
|
};
|
65
66
|
/**
|
66
67
|
* Material UI `Autocomplete` controlled component. Used with react-hook-form
|
67
68
|
* @category Forms
|
68
69
|
*/
|
69
|
-
export declare const ControlAutocomplete: ({ control, validate, name, label, required, defaultValue, disabled, hideErrorMessage, onChange: customOnChange, labelKey, valueKey, options, multiple, textFieldProps, disableCloseOnSelect, useStringValue, ...autocompleteProps }: ControlAutocompleteProps) => JSX.Element;
|
70
|
+
export declare const ControlAutocomplete: ({ control, validate, name, label, required, defaultValue, disabled, hideErrorMessage, onChange: customOnChange, labelKey, valueKey, options, multiple, textFieldProps, disableCloseOnSelect, useStringValue, requiredErrorText, ...autocompleteProps }: ControlAutocompleteProps) => JSX.Element;
|
70
71
|
export default ControlAutocomplete;
|
@@ -11,6 +11,7 @@ type ControlQueryAutocompleteProps<T> = Omit<ControlAutocompleteProps, 'options'
|
|
11
11
|
sortBy?: string;
|
12
12
|
queryFunction: (params: PaginateParams) => Promise<PaginateData<T>>;
|
13
13
|
itemQueryFunction?: (valueKey: string) => Promise<T>;
|
14
|
+
requiredErrorText?: string;
|
14
15
|
};
|
15
|
-
export declare function ControlQueryAutocomplete<T>({ name, label, control, required, searchBy, labelKey, multiple, disabled, valueKey, sortBy, hideErrorMessage, disableCloseOnSelect, textFieldProps, onChange, queryFunction, validate, itemQueryFunction, ...autocompleteProps }: ControlQueryAutocompleteProps<T>): JSX.Element;
|
16
|
+
export declare function ControlQueryAutocomplete<T>({ name, label, control, required, searchBy, labelKey, multiple, disabled, valueKey, sortBy, hideErrorMessage, disableCloseOnSelect, textFieldProps, onChange, queryFunction, validate, itemQueryFunction, requiredErrorText, ...autocompleteProps }: ControlQueryAutocompleteProps<T>): JSX.Element;
|
16
17
|
export default ControlQueryAutocomplete;
|
@@ -16,6 +16,7 @@ type ControlDateProps = Partial<DatePickerProps<unknown, unknown>> & {
|
|
16
16
|
format?: string;
|
17
17
|
hideErrorMessage?: boolean;
|
18
18
|
textFieldProps?: TextFieldProps;
|
19
|
+
requiredErrorText?: string;
|
19
20
|
};
|
20
|
-
export declare const ControlDate: ({ control, name, required, label, format, hideErrorMessage, textFieldProps, ...datePickerProps }: ControlDateProps) => JSX.Element;
|
21
|
+
export declare const ControlDate: ({ control, name, required, label, format, hideErrorMessage, textFieldProps, requiredErrorText, ...datePickerProps }: ControlDateProps) => JSX.Element;
|
21
22
|
export default ControlDate;
|
@@ -16,6 +16,7 @@ type dateTimePickerProps = Partial<DateTimePickerProps<unknown, unknown>> & {
|
|
16
16
|
format?: string;
|
17
17
|
hideErrorMessage?: boolean;
|
18
18
|
textFieldProps?: TextFieldProps;
|
19
|
+
requiredErrorText?: string;
|
19
20
|
};
|
20
|
-
export declare const ControlDateTime: ({ control, name, required, label, format, hideErrorMessage, textFieldProps, ...dateTimePickerProps }: dateTimePickerProps) => JSX.Element;
|
21
|
+
export declare const ControlDateTime: ({ control, name, required, label, format, hideErrorMessage, textFieldProps, requiredErrorText, ...dateTimePickerProps }: dateTimePickerProps) => JSX.Element;
|
21
22
|
export default ControlDateTime;
|
@@ -1,4 +1,4 @@
|
|
1
1
|
/// <reference types="react" />
|
2
2
|
import { ControlInputProps } from './ControlInput';
|
3
|
-
export declare const ControlDebouncedInput: ({ control, validate, name, label, required, defaultValue, disabled, textarea, hideErrorMessage, onChange: customOnChange, ...textFieldProps }: ControlInputProps) => JSX.Element;
|
3
|
+
export declare const ControlDebouncedInput: ({ control, validate, name, label, required, defaultValue, disabled, textarea, hideErrorMessage, onChange: customOnChange, requiredErrorText, ...textFieldProps }: ControlInputProps) => JSX.Element;
|
4
4
|
export default ControlDebouncedInput;
|
@@ -50,10 +50,14 @@ export type ControlInputProps = TextFieldProps & {
|
|
50
50
|
* Custom onChange functionƒ
|
51
51
|
*/
|
52
52
|
onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
|
53
|
+
/**
|
54
|
+
* Set required error text
|
55
|
+
*/
|
56
|
+
requiredErrorText?: string;
|
53
57
|
};
|
54
58
|
/**
|
55
59
|
* Material UI `TextField` controlled component. Used with react-hook-form
|
56
60
|
* @category Forms
|
57
61
|
*/
|
58
|
-
export declare const ControlInput: ({ control, validate, name, label, required, defaultValue, disabled, textarea, hideErrorMessage, onChange: customOnChange, ...textFieldProps }: ControlInputProps) => JSX.Element;
|
62
|
+
export declare const ControlInput: ({ control, validate, name, label, required, defaultValue, disabled, textarea, hideErrorMessage, onChange: customOnChange, requiredErrorText, ...textFieldProps }: ControlInputProps) => JSX.Element;
|
59
63
|
export default ControlInput;
|
@@ -50,6 +50,10 @@ type Props = TextFieldProps & {
|
|
50
50
|
* Set value as number
|
51
51
|
*/
|
52
52
|
valueAsNumber?: boolean;
|
53
|
+
/**
|
54
|
+
* Set required error text
|
55
|
+
*/
|
56
|
+
requiredErrorText?: string;
|
53
57
|
};
|
54
|
-
export declare const ControlNumberInput: ({ control, validate, name, label, required, defaultValue, disabled, hideErrorMessage, onChange: customOnChange, decimal, valueAsNumber, ...textFieldProps }: Props) => JSX.Element;
|
58
|
+
export declare const ControlNumberInput: ({ control, validate, name, label, required, defaultValue, disabled, hideErrorMessage, onChange: customOnChange, decimal, valueAsNumber, requiredErrorText, ...textFieldProps }: Props) => JSX.Element;
|
55
59
|
export default ControlNumberInput;
|
@@ -8,7 +8,8 @@ type Props = TextFieldProps & {
|
|
8
8
|
required?: boolean;
|
9
9
|
mask?: string;
|
10
10
|
label?: ReactNode;
|
11
|
+
requiredErrorText?: string;
|
11
12
|
inputMaskProps?: InputMaskProps;
|
12
13
|
};
|
13
|
-
export declare const ControlPhoneInput: ({ control, name, label, required, mask, inputMaskProps, ...textFieldProps }: Props) => JSX.Element;
|
14
|
+
export declare const ControlPhoneInput: ({ control, name, label, required, mask, requiredErrorText, inputMaskProps, ...textFieldProps }: Props) => JSX.Element;
|
14
15
|
export default ControlPhoneInput;
|
@@ -60,10 +60,11 @@ export interface ControlRadioProps {
|
|
60
60
|
valueKey?: string;
|
61
61
|
row?: boolean;
|
62
62
|
radioProps?: RadioProps;
|
63
|
+
requiredErrorText?: string;
|
63
64
|
}
|
64
65
|
/**
|
65
66
|
* Material UI `Radio` controlled component. Used with react-hook-form
|
66
67
|
* @category Forms
|
67
68
|
*/
|
68
|
-
export declare const ControlRadio: ({ name, label, values, control, required, defaultValue, disabled, hideErrorMessage, labelKey, valueKey, validate, onChange: customOnChange, row, radioProps }: ControlRadioProps) => JSX.Element;
|
69
|
+
export declare const ControlRadio: ({ name, label, values, control, required, defaultValue, disabled, hideErrorMessage, labelKey, valueKey, validate, onChange: customOnChange, row, radioProps, requiredErrorText, }: ControlRadioProps) => JSX.Element;
|
69
70
|
export default ControlRadio;
|
@@ -58,10 +58,14 @@ export type ControlSelectProps = TextFieldProps & {
|
|
58
58
|
* Select options
|
59
59
|
*/
|
60
60
|
options: string[] | unknown[];
|
61
|
+
/**
|
62
|
+
* Set required error text
|
63
|
+
*/
|
64
|
+
requiredErrorText?: string;
|
61
65
|
};
|
62
66
|
/**
|
63
67
|
* Material UI `Select` controlled component. Used with react-hook-form
|
64
68
|
* @category Forms
|
65
69
|
*/
|
66
|
-
export declare const ControlSelect: ({ control, validate, name, label, required, defaultValue, disabled, hideErrorMessage, onChange: customOnChange, labelKey, valueKey, options, ...textFieldProps }: ControlSelectProps) => JSX.Element;
|
70
|
+
export declare const ControlSelect: ({ control, validate, name, label, required, defaultValue, disabled, hideErrorMessage, onChange: customOnChange, labelKey, valueKey, options, requiredErrorText, ...textFieldProps }: ControlSelectProps) => JSX.Element;
|
67
71
|
export default ControlSelect;
|
@@ -13,6 +13,7 @@ type Props = {
|
|
13
13
|
label?: ReactNode;
|
14
14
|
format?: string;
|
15
15
|
hideErrorMessage?: boolean;
|
16
|
+
requiredErrorText?: string;
|
16
17
|
};
|
17
|
-
export declare const ControlTime: ({ control, name, required, label, format, hideErrorMessage, }: Props) => JSX.Element;
|
18
|
+
export declare const ControlTime: ({ control, name, required, label, format, hideErrorMessage, requiredErrorText, }: Props) => JSX.Element;
|
18
19
|
export default ControlTime;
|
@@ -20,6 +20,7 @@ type Props = {
|
|
20
20
|
fileReferenceValueComponent?: React.ElementType<{
|
21
21
|
name: string;
|
22
22
|
}>;
|
23
|
+
requiredErrorText?: string;
|
23
24
|
};
|
24
|
-
export declare const ControlMultiplePropertyFiller: ({ control, property, name, useExpression, required, label, title, entityReferenceDefinitionSources, entityReferenceValueComponent, fileReferenceValueComponent, }: Props) => JSX.Element;
|
25
|
+
export declare const ControlMultiplePropertyFiller: ({ control, property, name, useExpression, required, label, title, entityReferenceDefinitionSources, entityReferenceValueComponent, fileReferenceValueComponent, requiredErrorText, }: Props) => JSX.Element;
|
25
26
|
export default ControlMultiplePropertyFiller;
|
@@ -20,6 +20,7 @@ export type ControlPropertyFillerProps = {
|
|
20
20
|
fileReferenceValueComponent?: React.ElementType<{
|
21
21
|
name: string;
|
22
22
|
}>;
|
23
|
+
requiredErrorText?: string;
|
23
24
|
};
|
24
|
-
export declare const ControlPropertyFiller: ({ control, property, name, useExpression, label, required, title, entityReferenceDefinitionSources, entityReferenceValueComponent, fileReferenceValueComponent, }: ControlPropertyFillerProps) => JSX.Element;
|
25
|
+
export declare const ControlPropertyFiller: ({ control, property, name, useExpression, label, required, title, entityReferenceDefinitionSources, entityReferenceValueComponent, fileReferenceValueComponent, requiredErrorText, }: ControlPropertyFillerProps) => JSX.Element;
|
25
26
|
export default ControlPropertyFiller;
|
@@ -18,6 +18,7 @@ type Props = {
|
|
18
18
|
fileReferenceValueComponent?: React.ElementType<{
|
19
19
|
name: string;
|
20
20
|
}>;
|
21
|
+
requiredErrorText?: string;
|
21
22
|
};
|
22
|
-
export declare const MultiplePropertyFiller: ({ property, name, useExpression, required, label, title, entityReferenceDefinitionSources, entityReferenceValueComponent, fileReferenceValueComponent, }: Props) => JSX.Element;
|
23
|
+
export declare const MultiplePropertyFiller: ({ property, name, useExpression, required, label, title, entityReferenceDefinitionSources, entityReferenceValueComponent, fileReferenceValueComponent, requiredErrorText }: Props) => JSX.Element;
|
23
24
|
export default MultiplePropertyFiller;
|
@@ -6,6 +6,7 @@ export type PropertyFillerProps = {
|
|
6
6
|
useExpression?: boolean;
|
7
7
|
label?: string;
|
8
8
|
required?: boolean;
|
9
|
+
requiredErrorText?: string;
|
9
10
|
title?: string;
|
10
11
|
entityReferenceDefinitionSources?: {
|
11
12
|
label: string;
|
@@ -19,5 +20,5 @@ export type PropertyFillerProps = {
|
|
19
20
|
name: string;
|
20
21
|
}>;
|
21
22
|
};
|
22
|
-
export declare const PropertyFiller: ({ property, name, useExpression, label, required, title, entityReferenceDefinitionSources, entityReferenceValueComponent, fileReferenceValueComponent, }: PropertyFillerProps) => JSX.Element;
|
23
|
+
export declare const PropertyFiller: ({ property, name, useExpression, label, required, title, entityReferenceDefinitionSources, entityReferenceValueComponent, fileReferenceValueComponent, requiredErrorText }: PropertyFillerProps) => JSX.Element;
|
23
24
|
export default PropertyFiller;
|
@@ -7,6 +7,8 @@ type Props = {
|
|
7
7
|
required?: boolean;
|
8
8
|
restrictedValues?: string[];
|
9
9
|
urlValidate?: boolean;
|
10
|
+
requiredErrorText?: string;
|
11
|
+
requiredSelectErrorText?: string;
|
10
12
|
};
|
11
|
-
declare const StringValueField: ({ control, name, label, required, restrictedValues, }: Props) => JSX.Element;
|
13
|
+
declare const StringValueField: ({ control, name, label, required, restrictedValues, requiredErrorText, requiredSelectErrorText, }: Props) => JSX.Element;
|
12
14
|
export default StringValueField;
|
@@ -9,8 +9,9 @@ interface Props<T> {
|
|
9
9
|
onRowClick?: (row: Row<T>) => void;
|
10
10
|
children?: ReactNode;
|
11
11
|
verticalAlign?: 'top' | 'middle' | 'bottom' | 'sub' | 'baseline';
|
12
|
+
emptyDataText?: string;
|
12
13
|
}
|
13
|
-
declare function TableInner<T>({ columns, rows, totalCount, children, pagination, loading, onRowClick, verticalAlign }: Props<T>, ref: ForwardedRef<HTMLTableElement>): JSX.Element;
|
14
|
+
declare function TableInner<T>({ columns, rows, totalCount, children, pagination, loading, onRowClick, emptyDataText, verticalAlign }: Props<T>, ref: ForwardedRef<HTMLTableElement>): JSX.Element;
|
14
15
|
export declare const SimpleTable: <T>(props: Props<T> & {
|
15
16
|
ref?: ForwardedRef<HTMLTableElement>;
|
16
17
|
}) => ReturnType<typeof TableInner>;
|