@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.
@@ -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
- if (onImageUpload) {
3822
- onImageUpload(blobInfo.blob(), function (url) {
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
- if (onImageUpload) {
3822
- onImageUpload(blobInfo.blob(), function (url) {
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/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@pdg/react-form",
3
3
  "title": "React Form",
4
- "version": "1.1.9",
4
+ "version": "1.1.11",
5
5
  "description": "React Form",
6
6
  "type": "module",
7
7
  "types": "dist/index.d.ts",