@pdg/react-form 1.1.9 → 1.1.11
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/PFormItemCustom/PFormAutocomplete/PFormAutocomplete.types.d.ts +1 -0
- package/dist/PFormItemCustom/PFormRadioGroup/PFormRadioGroup.types.d.ts +1 -0
- package/dist/PFormItemCustom/PFormTextEditor/PFormTextEditor.d.ts +3 -0
- package/dist/PFormItemCustom/PFormToggleButtonGroup/PFormToggleButtonGroup.types.d.ts +1 -0
- package/dist/PFormItemTextFieldBase/PFormSelect/PFormSelect.types.d.ts +1 -0
- package/dist/index.esm.js +50 -3
- package/dist/index.js +50 -3
- package/package.json +1 -1
|
@@ -37,4 +37,5 @@ export interface PFormAutocompleteProps<T extends PFormAutocompleteSingleValue,
|
|
|
37
37
|
getOptionDisabled?: (item: PFormAutocompleteItem<T>) => boolean;
|
|
38
38
|
}
|
|
39
39
|
export interface PFormAutocompleteCommands<T extends PFormAutocompleteSingleValue, Multiple extends boolean | undefined = undefined> extends PFormValueItemBaseCommands<PFormAutocompleteValue<T, Multiple>, true>, PFormArrayValueItemCommands, PFormItemsValueItemCommands<PFormAutocompleteItem<T>>, PFormMultipleValueItemCommands, PFormLoadingValueItemCommands {
|
|
40
|
+
reloadItems: () => void;
|
|
40
41
|
}
|
|
@@ -19,4 +19,5 @@ export interface PFormRadioGroupProps<T extends PFormRadioGroupSingleValue> exte
|
|
|
19
19
|
onValue?: (value: PFormRadioGroupValue<T>) => PFormRadioGroupValue<T>;
|
|
20
20
|
}
|
|
21
21
|
export interface PFormRadioGroupCommands<T extends PFormRadioGroupSingleValue> extends PFormValueItemBaseCommands<T, true>, PFormItemsValueItemCommands<PFormRadioGroupItem<T>>, PFormLoadingValueItemCommands {
|
|
22
|
+
reloadItems: () => void;
|
|
22
23
|
}
|
|
@@ -3,6 +3,9 @@ import { PFormTextEditorProps as Props, PFormTextEditorCommands } from './PFormT
|
|
|
3
3
|
import './PFormTextEditor.scss';
|
|
4
4
|
type PFormTextEditorType = typeof PFormTextEditor & {
|
|
5
5
|
apiKey: string;
|
|
6
|
+
onOpenWindow?: () => void;
|
|
7
|
+
onCloseWindow?: () => void;
|
|
8
|
+
onImageUpload?: Props['onImageUpload'];
|
|
6
9
|
};
|
|
7
10
|
declare const PFormTextEditor: React.ForwardRefExoticComponent<Props & React.RefAttributes<PFormTextEditorCommands>>;
|
|
8
11
|
declare const _default: PFormTextEditorType;
|
|
@@ -27,4 +27,5 @@ export interface PFormToggleButtonGroupProps<T extends PFormToggleButtonGroupSin
|
|
|
27
27
|
export interface PFormToggleButtonGroupExtraCommands<T extends PFormToggleButtonGroupSingleValue> extends PFormArrayValueItemCommands, PFormItemsValueItemCommands<PFormToggleButtonGroupItem<T>>, PFormMultipleValueItemCommands, PFormLoadingValueItemCommands {
|
|
28
28
|
}
|
|
29
29
|
export interface PFormToggleButtonGroupCommands<T extends PFormToggleButtonGroupSingleValue, Multiple extends boolean | undefined = undefined> extends PFormValueItemBaseCommands<PFormToggleButtonGroupValue<T, Multiple>, true>, PFormToggleButtonGroupExtraCommands<T> {
|
|
30
|
+
reloadItems: () => void;
|
|
30
31
|
}
|
|
@@ -6,6 +6,7 @@ export type PFormSelectValue<T extends PFormSelectSingleValue, Multiple extends
|
|
|
6
6
|
Multiple
|
|
7
7
|
] extends [true] ? T[] : '' | T;
|
|
8
8
|
export interface PFormSelectExtraCommands<T extends PFormSelectSingleValue> extends PFormArrayValueItemCommands, PFormItemsValueItemCommands<PFormSelectItem<T>>, PFormMultipleValueItemCommands, PFormLoadingValueItemCommands {
|
|
9
|
+
reloadItems: () => void;
|
|
9
10
|
}
|
|
10
11
|
export interface PFormSelectCommands<T extends PFormSelectSingleValue, Multiple extends boolean | undefined = undefined> extends PFormValueItemBaseCommands<PFormSelectValue<T, Multiple>, false>, PFormSelectExtraCommands<T> {
|
|
11
12
|
}
|
package/dist/index.esm.js
CHANGED
|
@@ -2263,8 +2263,17 @@ function AutoTypeForwardRef(render) {
|
|
|
2263
2263
|
lastLoading = loading;
|
|
2264
2264
|
setLoading(lastLoading);
|
|
2265
2265
|
},
|
|
2266
|
+
reloadItems: function () {
|
|
2267
|
+
if (onLoadItems) {
|
|
2268
|
+
setIsOnGetItemLoading(true);
|
|
2269
|
+
onLoadItems().then(function (items) {
|
|
2270
|
+
setItems(items);
|
|
2271
|
+
setIsOnGetItemLoading(false);
|
|
2272
|
+
});
|
|
2273
|
+
}
|
|
2274
|
+
},
|
|
2266
2275
|
};
|
|
2267
|
-
}, [items, loading, formValueSeparator, formValueSort, setItems, multiple]);
|
|
2276
|
+
}, [items, loading, formValueSeparator, formValueSort, setItems, multiple, onLoadItems]);
|
|
2268
2277
|
/********************************************************************************************************************
|
|
2269
2278
|
* Event Handler
|
|
2270
2279
|
* ******************************************************************************************************************/
|
|
@@ -2933,6 +2942,15 @@ var PFormRadioGroup = ToForwardRefExoticComponent(AutoTypeForwardRef(function (_
|
|
|
2933
2942
|
setItems: setItems,
|
|
2934
2943
|
getLoading: function () { return !!loadingRef.current; },
|
|
2935
2944
|
setLoading: setLoading,
|
|
2945
|
+
reloadItems: function () {
|
|
2946
|
+
if (onLoadItems) {
|
|
2947
|
+
setIsOnGetItemLoading(true);
|
|
2948
|
+
onLoadItems().then(function (items) {
|
|
2949
|
+
setItems(items);
|
|
2950
|
+
setIsOnGetItemLoading(false);
|
|
2951
|
+
});
|
|
2952
|
+
}
|
|
2953
|
+
},
|
|
2936
2954
|
}); }, [
|
|
2937
2955
|
dataRef,
|
|
2938
2956
|
disabledRef,
|
|
@@ -2944,6 +2962,7 @@ var PFormRadioGroup = ToForwardRefExoticComponent(AutoTypeForwardRef(function (_
|
|
|
2944
2962
|
itemsRef,
|
|
2945
2963
|
loadingRef,
|
|
2946
2964
|
name,
|
|
2965
|
+
onLoadItems,
|
|
2947
2966
|
setData,
|
|
2948
2967
|
setDisabled,
|
|
2949
2968
|
setErrorErrorHelperText,
|
|
@@ -3314,6 +3333,15 @@ PFormRadioGroup.displayName = 'PFormRadioGroup';insertStyle(".PFormToggleButtonG
|
|
|
3314
3333
|
isMultiple: function () { return !!multiple; },
|
|
3315
3334
|
getLoading: function () { return !!loadingRef.current; },
|
|
3316
3335
|
setLoading: setLoading,
|
|
3336
|
+
reloadItems: function () {
|
|
3337
|
+
if (onLoadItems) {
|
|
3338
|
+
setIsOnGetItemLoading(true);
|
|
3339
|
+
onLoadItems().then(function (items) {
|
|
3340
|
+
setItems(items);
|
|
3341
|
+
setIsOnGetItemLoading(false);
|
|
3342
|
+
});
|
|
3343
|
+
}
|
|
3344
|
+
},
|
|
3317
3345
|
}); }, [
|
|
3318
3346
|
dataRef,
|
|
3319
3347
|
disabledRef,
|
|
@@ -3328,6 +3356,7 @@ PFormRadioGroup.displayName = 'PFormRadioGroup';insertStyle(".PFormToggleButtonG
|
|
|
3328
3356
|
loadingRef,
|
|
3329
3357
|
multiple,
|
|
3330
3358
|
name,
|
|
3359
|
+
onLoadItems,
|
|
3331
3360
|
setData,
|
|
3332
3361
|
setDisabled,
|
|
3333
3362
|
setErrorErrorHelperText,
|
|
@@ -3818,8 +3847,9 @@ PFormRating.displayName = 'PFormRating';var getFinalValue$8 = function (value) {
|
|
|
3818
3847
|
}, []);
|
|
3819
3848
|
var handleImageUpload = useCallback(function (blobInfo, progress) {
|
|
3820
3849
|
return new Promise(function (resolve, reject) {
|
|
3821
|
-
|
|
3822
|
-
|
|
3850
|
+
var onImageUploadFunc = onImageUpload !== null && onImageUpload !== void 0 ? onImageUpload : PFormTextEditor.onImageUpload;
|
|
3851
|
+
if (onImageUploadFunc) {
|
|
3852
|
+
onImageUploadFunc(blobInfo.blob(), function (url) {
|
|
3823
3853
|
resolve(url);
|
|
3824
3854
|
}, function (err) { return reject(err); }, progress);
|
|
3825
3855
|
}
|
|
@@ -3865,10 +3895,14 @@ PFormRating.displayName = 'PFormRating';var getFinalValue$8 = function (value) {
|
|
|
3865
3895
|
}, onInit: function (evt, editor) {
|
|
3866
3896
|
editorRef.current = editor;
|
|
3867
3897
|
editor.on('OpenWindow', function () {
|
|
3898
|
+
var _a, _b;
|
|
3868
3899
|
onOpenWindow === null || onOpenWindow === void 0 ? void 0 : onOpenWindow();
|
|
3900
|
+
(_b = (_a = PFormTextEditor).onOpenWindow) === null || _b === void 0 ? void 0 : _b.call(_a);
|
|
3869
3901
|
});
|
|
3870
3902
|
editor.on('CloseWindow', function () {
|
|
3903
|
+
var _a, _b;
|
|
3871
3904
|
onCloseWindow === null || onCloseWindow === void 0 ? void 0 : onCloseWindow();
|
|
3905
|
+
(_b = (_a = PFormTextEditor).onCloseWindow) === null || _b === void 0 ? void 0 : _b.call(_a);
|
|
3872
3906
|
});
|
|
3873
3907
|
setTimeout(function () { return setInitialized(true); }, 10);
|
|
3874
3908
|
}, onEditorChange: handleEditorChange, onKeyDown: handleKeyDown, onFocus: function () { return setFocused(initFocused || true); }, onBlur: function () { return setFocused(initFocused || false); } })) }));
|
|
@@ -4229,7 +4263,17 @@ PFormTextEditor.apiKey = '';var PFormAutocomplete = ToForwardRefExoticComponent(
|
|
|
4229
4263
|
isMultiple: function () { return !!multiple; },
|
|
4230
4264
|
getLoading: function () { return !!loadingRef.current; },
|
|
4231
4265
|
setLoading: function (loading) { return setLoading(loading); },
|
|
4266
|
+
reloadItems: function () {
|
|
4267
|
+
if (!async && onLoadItems) {
|
|
4268
|
+
showOnGetItemLoading();
|
|
4269
|
+
onLoadItems().then(function (items) {
|
|
4270
|
+
setItems(items);
|
|
4271
|
+
hideOnGetItemLoading();
|
|
4272
|
+
});
|
|
4273
|
+
}
|
|
4274
|
+
},
|
|
4232
4275
|
}); }, [
|
|
4276
|
+
async,
|
|
4233
4277
|
dataRef,
|
|
4234
4278
|
disabledRef,
|
|
4235
4279
|
exceptValue,
|
|
@@ -4238,17 +4282,20 @@ PFormTextEditor.apiKey = '';var PFormAutocomplete = ToForwardRefExoticComponent(
|
|
|
4238
4282
|
formValueSort,
|
|
4239
4283
|
getFinalValue,
|
|
4240
4284
|
hiddenRef,
|
|
4285
|
+
hideOnGetItemLoading,
|
|
4241
4286
|
initValue,
|
|
4242
4287
|
itemsRef,
|
|
4243
4288
|
loadingRef,
|
|
4244
4289
|
multiple,
|
|
4245
4290
|
name,
|
|
4291
|
+
onLoadItems,
|
|
4246
4292
|
setData,
|
|
4247
4293
|
setDisabled,
|
|
4248
4294
|
setErrorErrorHelperText,
|
|
4249
4295
|
setHidden,
|
|
4250
4296
|
setItems,
|
|
4251
4297
|
setLoading,
|
|
4298
|
+
showOnGetItemLoading,
|
|
4252
4299
|
updateValue,
|
|
4253
4300
|
validate,
|
|
4254
4301
|
valueRef,
|
package/dist/index.js
CHANGED
|
@@ -2263,8 +2263,17 @@ function AutoTypeForwardRef(render) {
|
|
|
2263
2263
|
lastLoading = loading;
|
|
2264
2264
|
setLoading(lastLoading);
|
|
2265
2265
|
},
|
|
2266
|
+
reloadItems: function () {
|
|
2267
|
+
if (onLoadItems) {
|
|
2268
|
+
setIsOnGetItemLoading(true);
|
|
2269
|
+
onLoadItems().then(function (items) {
|
|
2270
|
+
setItems(items);
|
|
2271
|
+
setIsOnGetItemLoading(false);
|
|
2272
|
+
});
|
|
2273
|
+
}
|
|
2274
|
+
},
|
|
2266
2275
|
};
|
|
2267
|
-
}, [items, loading, formValueSeparator, formValueSort, setItems, multiple]);
|
|
2276
|
+
}, [items, loading, formValueSeparator, formValueSort, setItems, multiple, onLoadItems]);
|
|
2268
2277
|
/********************************************************************************************************************
|
|
2269
2278
|
* Event Handler
|
|
2270
2279
|
* ******************************************************************************************************************/
|
|
@@ -2933,6 +2942,15 @@ var PFormRadioGroup = ToForwardRefExoticComponent(AutoTypeForwardRef(function (_
|
|
|
2933
2942
|
setItems: setItems,
|
|
2934
2943
|
getLoading: function () { return !!loadingRef.current; },
|
|
2935
2944
|
setLoading: setLoading,
|
|
2945
|
+
reloadItems: function () {
|
|
2946
|
+
if (onLoadItems) {
|
|
2947
|
+
setIsOnGetItemLoading(true);
|
|
2948
|
+
onLoadItems().then(function (items) {
|
|
2949
|
+
setItems(items);
|
|
2950
|
+
setIsOnGetItemLoading(false);
|
|
2951
|
+
});
|
|
2952
|
+
}
|
|
2953
|
+
},
|
|
2936
2954
|
}); }, [
|
|
2937
2955
|
dataRef,
|
|
2938
2956
|
disabledRef,
|
|
@@ -2944,6 +2962,7 @@ var PFormRadioGroup = ToForwardRefExoticComponent(AutoTypeForwardRef(function (_
|
|
|
2944
2962
|
itemsRef,
|
|
2945
2963
|
loadingRef,
|
|
2946
2964
|
name,
|
|
2965
|
+
onLoadItems,
|
|
2947
2966
|
setData,
|
|
2948
2967
|
setDisabled,
|
|
2949
2968
|
setErrorErrorHelperText,
|
|
@@ -3314,6 +3333,15 @@ PFormRadioGroup.displayName = 'PFormRadioGroup';insertStyle(".PFormToggleButtonG
|
|
|
3314
3333
|
isMultiple: function () { return !!multiple; },
|
|
3315
3334
|
getLoading: function () { return !!loadingRef.current; },
|
|
3316
3335
|
setLoading: setLoading,
|
|
3336
|
+
reloadItems: function () {
|
|
3337
|
+
if (onLoadItems) {
|
|
3338
|
+
setIsOnGetItemLoading(true);
|
|
3339
|
+
onLoadItems().then(function (items) {
|
|
3340
|
+
setItems(items);
|
|
3341
|
+
setIsOnGetItemLoading(false);
|
|
3342
|
+
});
|
|
3343
|
+
}
|
|
3344
|
+
},
|
|
3317
3345
|
}); }, [
|
|
3318
3346
|
dataRef,
|
|
3319
3347
|
disabledRef,
|
|
@@ -3328,6 +3356,7 @@ PFormRadioGroup.displayName = 'PFormRadioGroup';insertStyle(".PFormToggleButtonG
|
|
|
3328
3356
|
loadingRef,
|
|
3329
3357
|
multiple,
|
|
3330
3358
|
name,
|
|
3359
|
+
onLoadItems,
|
|
3331
3360
|
setData,
|
|
3332
3361
|
setDisabled,
|
|
3333
3362
|
setErrorErrorHelperText,
|
|
@@ -3818,8 +3847,9 @@ PFormRating.displayName = 'PFormRating';var getFinalValue$8 = function (value) {
|
|
|
3818
3847
|
}, []);
|
|
3819
3848
|
var handleImageUpload = React.useCallback(function (blobInfo, progress) {
|
|
3820
3849
|
return new Promise(function (resolve, reject) {
|
|
3821
|
-
|
|
3822
|
-
|
|
3850
|
+
var onImageUploadFunc = onImageUpload !== null && onImageUpload !== void 0 ? onImageUpload : PFormTextEditor.onImageUpload;
|
|
3851
|
+
if (onImageUploadFunc) {
|
|
3852
|
+
onImageUploadFunc(blobInfo.blob(), function (url) {
|
|
3823
3853
|
resolve(url);
|
|
3824
3854
|
}, function (err) { return reject(err); }, progress);
|
|
3825
3855
|
}
|
|
@@ -3865,10 +3895,14 @@ PFormRating.displayName = 'PFormRating';var getFinalValue$8 = function (value) {
|
|
|
3865
3895
|
}, onInit: function (evt, editor) {
|
|
3866
3896
|
editorRef.current = editor;
|
|
3867
3897
|
editor.on('OpenWindow', function () {
|
|
3898
|
+
var _a, _b;
|
|
3868
3899
|
onOpenWindow === null || onOpenWindow === void 0 ? void 0 : onOpenWindow();
|
|
3900
|
+
(_b = (_a = PFormTextEditor).onOpenWindow) === null || _b === void 0 ? void 0 : _b.call(_a);
|
|
3869
3901
|
});
|
|
3870
3902
|
editor.on('CloseWindow', function () {
|
|
3903
|
+
var _a, _b;
|
|
3871
3904
|
onCloseWindow === null || onCloseWindow === void 0 ? void 0 : onCloseWindow();
|
|
3905
|
+
(_b = (_a = PFormTextEditor).onCloseWindow) === null || _b === void 0 ? void 0 : _b.call(_a);
|
|
3872
3906
|
});
|
|
3873
3907
|
setTimeout(function () { return setInitialized(true); }, 10);
|
|
3874
3908
|
}, onEditorChange: handleEditorChange, onKeyDown: handleKeyDown, onFocus: function () { return setFocused(initFocused || true); }, onBlur: function () { return setFocused(initFocused || false); } })) }));
|
|
@@ -4229,7 +4263,17 @@ PFormTextEditor.apiKey = '';var PFormAutocomplete = ToForwardRefExoticComponent(
|
|
|
4229
4263
|
isMultiple: function () { return !!multiple; },
|
|
4230
4264
|
getLoading: function () { return !!loadingRef.current; },
|
|
4231
4265
|
setLoading: function (loading) { return setLoading(loading); },
|
|
4266
|
+
reloadItems: function () {
|
|
4267
|
+
if (!async && onLoadItems) {
|
|
4268
|
+
showOnGetItemLoading();
|
|
4269
|
+
onLoadItems().then(function (items) {
|
|
4270
|
+
setItems(items);
|
|
4271
|
+
hideOnGetItemLoading();
|
|
4272
|
+
});
|
|
4273
|
+
}
|
|
4274
|
+
},
|
|
4232
4275
|
}); }, [
|
|
4276
|
+
async,
|
|
4233
4277
|
dataRef,
|
|
4234
4278
|
disabledRef,
|
|
4235
4279
|
exceptValue,
|
|
@@ -4238,17 +4282,20 @@ PFormTextEditor.apiKey = '';var PFormAutocomplete = ToForwardRefExoticComponent(
|
|
|
4238
4282
|
formValueSort,
|
|
4239
4283
|
getFinalValue,
|
|
4240
4284
|
hiddenRef,
|
|
4285
|
+
hideOnGetItemLoading,
|
|
4241
4286
|
initValue,
|
|
4242
4287
|
itemsRef,
|
|
4243
4288
|
loadingRef,
|
|
4244
4289
|
multiple,
|
|
4245
4290
|
name,
|
|
4291
|
+
onLoadItems,
|
|
4246
4292
|
setData,
|
|
4247
4293
|
setDisabled,
|
|
4248
4294
|
setErrorErrorHelperText,
|
|
4249
4295
|
setHidden,
|
|
4250
4296
|
setItems,
|
|
4251
4297
|
setLoading,
|
|
4298
|
+
showOnGetItemLoading,
|
|
4252
4299
|
updateValue,
|
|
4253
4300
|
validate,
|
|
4254
4301
|
valueRef,
|