@pdg/react-form 1.1.10 → 1.1.12

package/dist/PFormItemCustom/PFormAutocomplete/PFormAutocomplete.types.d.ts

@@ -37,4 +37,5 @@ export interface PFormAutocompleteProps<T extends PFormAutocompleteSingleValue,
     getOptionDisabled?: (item: PFormAutocompleteItem<T>) => boolean;
 }
 export interface PFormAutocompleteCommands<T extends PFormAutocompleteSingleValue, Multiple extends boolean | undefined = undefined> extends PFormValueItemBaseCommands<PFormAutocompleteValue<T, Multiple>, true>, PFormArrayValueItemCommands, PFormItemsValueItemCommands<PFormAutocompleteItem<T>>, PFormMultipleValueItemCommands, PFormLoadingValueItemCommands {
+    reloadItems: () => void;
 }

package/dist/PFormItemCustom/PFormRadioGroup/PFormRadioGroup.types.d.ts

@@ -19,4 +19,5 @@ export interface PFormRadioGroupProps<T extends PFormRadioGroupSingleValue> exte
     onValue?: (value: PFormRadioGroupValue<T>) => PFormRadioGroupValue<T>;
 }
 export interface PFormRadioGroupCommands<T extends PFormRadioGroupSingleValue> extends PFormValueItemBaseCommands<T, true>, PFormItemsValueItemCommands<PFormRadioGroupItem<T>>, PFormLoadingValueItemCommands {
+    reloadItems: () => void;
 }

package/dist/PFormItemCustom/PFormTextEditor/PFormTextEditor.d.ts

@@ -5,6 +5,7 @@ type PFormTextEditorType = typeof PFormTextEditor & {
     apiKey: string;
     onOpenWindow?: () => void;
     onCloseWindow?: () => void;
+    onImageUpload?: Props['onImageUpload'];
 };
 declare const PFormTextEditor: React.ForwardRefExoticComponent<Props & React.RefAttributes<PFormTextEditorCommands>>;
 declare const _default: PFormTextEditorType;

package/dist/PFormItemCustom/PFormToggleButtonGroup/PFormToggleButtonGroup.types.d.ts

@@ -27,4 +27,5 @@ export interface PFormToggleButtonGroupProps<T extends PFormToggleButtonGroupSin
 export interface PFormToggleButtonGroupExtraCommands<T extends PFormToggleButtonGroupSingleValue> extends PFormArrayValueItemCommands, PFormItemsValueItemCommands<PFormToggleButtonGroupItem<T>>, PFormMultipleValueItemCommands, PFormLoadingValueItemCommands {
 }
 export interface PFormToggleButtonGroupCommands<T extends PFormToggleButtonGroupSingleValue, Multiple extends boolean | undefined = undefined> extends PFormValueItemBaseCommands<PFormToggleButtonGroupValue<T, Multiple>, true>, PFormToggleButtonGroupExtraCommands<T> {
+    reloadItems: () => void;
 }

package/dist/PFormItemTextFieldBase/PFormSelect/PFormSelect.types.d.ts

@@ -6,6 +6,7 @@ export type PFormSelectValue<T extends PFormSelectSingleValue, Multiple extends
     Multiple
 ] extends [true] ? T[] : '' | T;
 export interface PFormSelectExtraCommands<T extends PFormSelectSingleValue> extends PFormArrayValueItemCommands, PFormItemsValueItemCommands<PFormSelectItem<T>>, PFormMultipleValueItemCommands, PFormLoadingValueItemCommands {
+    reloadItems: () => void;
 }
 export interface PFormSelectCommands<T extends PFormSelectSingleValue, Multiple extends boolean | undefined = undefined> extends PFormValueItemBaseCommands<PFormSelectValue<T, Multiple>, false>, PFormSelectExtraCommands<T> {
 }

package/dist/index.esm.js

@@ -2263,8 +2263,17 @@ function AutoTypeForwardRef(render) {
                 lastLoading = loading;
                 setLoading(lastLoading);
             },
+            reloadItems: function () {
+                if (onLoadItems) {
+                    setIsOnGetItemLoading(true);
+                    onLoadItems().then(function (items) {
+                        setItems(items);
+                        setIsOnGetItemLoading(false);
+                    });
+                }
+            },
         };
-    }, [items, loading, formValueSeparator, formValueSort, setItems, multiple]);
+    }, [items, loading, formValueSeparator, formValueSort, setItems, multiple, onLoadItems]);
     /********************************************************************************************************************
      * Event Handler
      * ******************************************************************************************************************/
@@ -2933,6 +2942,15 @@ var PFormRadioGroup = ToForwardRefExoticComponent(AutoTypeForwardRef(function (_
         setItems: setItems,
         getLoading: function () { return !!loadingRef.current; },
         setLoading: setLoading,
+        reloadItems: function () {
+            if (onLoadItems) {
+                setIsOnGetItemLoading(true);
+                onLoadItems().then(function (items) {
+                    setItems(items);
+                    setIsOnGetItemLoading(false);
+                });
+            }
+        },
     }); }, [
         dataRef,
         disabledRef,
@@ -2944,6 +2962,7 @@ var PFormRadioGroup = ToForwardRefExoticComponent(AutoTypeForwardRef(function (_
         itemsRef,
         loadingRef,
         name,
+        onLoadItems,
         setData,
         setDisabled,
         setErrorErrorHelperText,
@@ -3314,6 +3333,15 @@ PFormRadioGroup.displayName = 'PFormRadioGroup';insertStyle(".PFormToggleButtonG
         isMultiple: function () { return !!multiple; },
         getLoading: function () { return !!loadingRef.current; },
         setLoading: setLoading,
+        reloadItems: function () {
+            if (onLoadItems) {
+                setIsOnGetItemLoading(true);
+                onLoadItems().then(function (items) {
+                    setItems(items);
+                    setIsOnGetItemLoading(false);
+                });
+            }
+        },
     }); }, [
         dataRef,
         disabledRef,
@@ -3328,6 +3356,7 @@ PFormRadioGroup.displayName = 'PFormRadioGroup';insertStyle(".PFormToggleButtonG
         loadingRef,
         multiple,
         name,
+        onLoadItems,
         setData,
         setDisabled,
         setErrorErrorHelperText,
@@ -3818,8 +3847,9 @@ PFormRating.displayName = 'PFormRating';var getFinalValue$8 = function (value) {
     }, []);
     var handleImageUpload = useCallback(function (blobInfo, progress) {
         return new Promise(function (resolve, reject) {
-            if (onImageUpload) {
-                onImageUpload(blobInfo.blob(), function (url) {
+            var onImageUploadFunc = onImageUpload !== null && onImageUpload !== void 0 ? onImageUpload : PFormTextEditor.onImageUpload;
+            if (onImageUploadFunc) {
+                onImageUploadFunc(blobInfo.blob(), function (url) {
                     resolve(url);
                 }, function (err) { return reject(err); }, progress);
             }
@@ -3982,7 +4012,7 @@ PFormTextEditor.apiKey = '';var PFormAutocomplete = ToForwardRefExoticComponent(
         var finalValue = value;
         if (multiple) {
             if (!Array.isArray(finalValue)) {
-                if (finalValue != null && notEmpty(finalValue)) {
+                if (finalValue != null) {
                     if (typeof finalValue === 'string') {
                         finalValue = Array.from(new Set(finalValue.split(formValueSeparator || ',')));
                     }
@@ -4061,7 +4091,7 @@ PFormTextEditor.apiKey = '';var PFormAutocomplete = ToForwardRefExoticComponent(
             finalValue = (multiple ? [] : undefined);
         }
         var newComponentValue = (multiple ? [] : null);
-        if (notEmpty(finalValue)) {
+        if (finalValue != null) {
             if (items) {
                 if (Array.isArray(finalValue)) {
                     finalValue.forEach(function (v) {
@@ -4233,7 +4263,17 @@ PFormTextEditor.apiKey = '';var PFormAutocomplete = ToForwardRefExoticComponent(
         isMultiple: function () { return !!multiple; },
         getLoading: function () { return !!loadingRef.current; },
         setLoading: function (loading) { return setLoading(loading); },
+        reloadItems: function () {
+            if (!async && onLoadItems) {
+                showOnGetItemLoading();
+                onLoadItems().then(function (items) {
+                    setItems(items);
+                    hideOnGetItemLoading();
+                });
+            }
+        },
     }); }, [
+        async,
         dataRef,
         disabledRef,
         exceptValue,
@@ -4242,17 +4282,20 @@ PFormTextEditor.apiKey = '';var PFormAutocomplete = ToForwardRefExoticComponent(
         formValueSort,
         getFinalValue,
         hiddenRef,
+        hideOnGetItemLoading,
         initValue,
         itemsRef,
         loadingRef,
         multiple,
         name,
+        onLoadItems,
         setData,
         setDisabled,
         setErrorErrorHelperText,
         setHidden,
         setItems,
         setLoading,
+        showOnGetItemLoading,
         updateValue,
         validate,
         valueRef,

package/dist/index.js

@@ -2263,8 +2263,17 @@ function AutoTypeForwardRef(render) {
                 lastLoading = loading;
                 setLoading(lastLoading);
             },
+            reloadItems: function () {
+                if (onLoadItems) {
+                    setIsOnGetItemLoading(true);
+                    onLoadItems().then(function (items) {
+                        setItems(items);
+                        setIsOnGetItemLoading(false);
+                    });
+                }
+            },
         };
-    }, [items, loading, formValueSeparator, formValueSort, setItems, multiple]);
+    }, [items, loading, formValueSeparator, formValueSort, setItems, multiple, onLoadItems]);
     /********************************************************************************************************************
      * Event Handler
      * ******************************************************************************************************************/
@@ -2933,6 +2942,15 @@ var PFormRadioGroup = ToForwardRefExoticComponent(AutoTypeForwardRef(function (_
         setItems: setItems,
         getLoading: function () { return !!loadingRef.current; },
         setLoading: setLoading,
+        reloadItems: function () {
+            if (onLoadItems) {
+                setIsOnGetItemLoading(true);
+                onLoadItems().then(function (items) {
+                    setItems(items);
+                    setIsOnGetItemLoading(false);
+                });
+            }
+        },
     }); }, [
         dataRef,
         disabledRef,
@@ -2944,6 +2962,7 @@ var PFormRadioGroup = ToForwardRefExoticComponent(AutoTypeForwardRef(function (_
         itemsRef,
         loadingRef,
         name,
+        onLoadItems,
         setData,
         setDisabled,
         setErrorErrorHelperText,
@@ -3314,6 +3333,15 @@ PFormRadioGroup.displayName = 'PFormRadioGroup';insertStyle(".PFormToggleButtonG
         isMultiple: function () { return !!multiple; },
         getLoading: function () { return !!loadingRef.current; },
         setLoading: setLoading,
+        reloadItems: function () {
+            if (onLoadItems) {
+                setIsOnGetItemLoading(true);
+                onLoadItems().then(function (items) {
+                    setItems(items);
+                    setIsOnGetItemLoading(false);
+                });
+            }
+        },
     }); }, [
         dataRef,
         disabledRef,
@@ -3328,6 +3356,7 @@ PFormRadioGroup.displayName = 'PFormRadioGroup';insertStyle(".PFormToggleButtonG
         loadingRef,
         multiple,
         name,
+        onLoadItems,
         setData,
         setDisabled,
         setErrorErrorHelperText,
@@ -3818,8 +3847,9 @@ PFormRating.displayName = 'PFormRating';var getFinalValue$8 = function (value) {
     }, []);
     var handleImageUpload = React.useCallback(function (blobInfo, progress) {
         return new Promise(function (resolve, reject) {
-            if (onImageUpload) {
-                onImageUpload(blobInfo.blob(), function (url) {
+            var onImageUploadFunc = onImageUpload !== null && onImageUpload !== void 0 ? onImageUpload : PFormTextEditor.onImageUpload;
+            if (onImageUploadFunc) {
+                onImageUploadFunc(blobInfo.blob(), function (url) {
                     resolve(url);
                 }, function (err) { return reject(err); }, progress);
             }
@@ -3982,7 +4012,7 @@ PFormTextEditor.apiKey = '';var PFormAutocomplete = ToForwardRefExoticComponent(
         var finalValue = value;
         if (multiple) {
             if (!Array.isArray(finalValue)) {
-                if (finalValue != null && compare.notEmpty(finalValue)) {
+                if (finalValue != null) {
                     if (typeof finalValue === 'string') {
                         finalValue = Array.from(new Set(finalValue.split(formValueSeparator || ',')));
                     }
@@ -4061,7 +4091,7 @@ PFormTextEditor.apiKey = '';var PFormAutocomplete = ToForwardRefExoticComponent(
             finalValue = (multiple ? [] : undefined);
         }
         var newComponentValue = (multiple ? [] : null);
-        if (compare.notEmpty(finalValue)) {
+        if (finalValue != null) {
             if (items) {
                 if (Array.isArray(finalValue)) {
                     finalValue.forEach(function (v) {
@@ -4233,7 +4263,17 @@ PFormTextEditor.apiKey = '';var PFormAutocomplete = ToForwardRefExoticComponent(
         isMultiple: function () { return !!multiple; },
         getLoading: function () { return !!loadingRef.current; },
         setLoading: function (loading) { return setLoading(loading); },
+        reloadItems: function () {
+            if (!async && onLoadItems) {
+                showOnGetItemLoading();
+                onLoadItems().then(function (items) {
+                    setItems(items);
+                    hideOnGetItemLoading();
+                });
+            }
+        },
     }); }, [
+        async,
         dataRef,
         disabledRef,
         exceptValue,
@@ -4242,17 +4282,20 @@ PFormTextEditor.apiKey = '';var PFormAutocomplete = ToForwardRefExoticComponent(
         formValueSort,
         getFinalValue,
         hiddenRef,
+        hideOnGetItemLoading,
         initValue,
         itemsRef,
         loadingRef,
         multiple,
         name,
+        onLoadItems,
         setData,
         setDisabled,
         setErrorErrorHelperText,
         setHidden,
         setItems,
         setLoading,
+        showOnGetItemLoading,
         updateValue,
         validate,
         valueRef,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pdg/react-form",
   "title": "React Form",
-  "version": "1.1.10",
+  "version": "1.1.12",
   "description": "React Form",
   "type": "module",
   "types": "dist/index.d.ts",