@pdg/react-form 1.2.12 → 1.2.14

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

@@ -4,7 +4,7 @@ declare function PFormAutocomplete<T extends PFormAutocompleteSingleValue, Multi
 /********************************************************************************************************************/
 variant: initVariant, size: initSize, color: initColor, focused: initFocused, labelShrink: initLabelShrink, fullWidth: initFullWidth, 
 /********************************************************************************************************************/
-name, labelIcon, label, loading: initLoading, items: initItems, value: initValue, data: initData, error: initError, helperText, disabled: initDisabled, readOnly, required, exceptValue, width, placeholder, multiple, formValueSeparator, formValueSort, disablePortal, noOptionsText, loadingText, limitTags, getLimitTagsText, openOnFocus, disableClearable, async, autoFocus, hidden: initHidden, onLoadItems, onAsyncLoadValueItem, onRenderItem, onRenderTag, onRenderValue, onAddItem, getOptionDisabled, 
+name, labelIcon, label, loading: initLoading, items: initItems, value: initValue, data: initData, error: initError, helperText, disabled: initDisabled, readOnly, required, exceptValue, width, placeholder, multiple, formValueSeparator, formValueSort, disablePortal, noOptionsText, loadingText, limitTags, getLimitTagsText, openOnFocus, disableClearable, async, autoFocus, hidden: initHidden, onLoadItems, onAsyncLoadValueItem, onRenderItem, onRenderTag, onRenderValue, onGetDisplayValue, onAddItem, getOptionDisabled, 
 /********************************************************************************************************************/
 onChange, onValue, onValidate, onFocus, onBlur, 
 /********************************************************************************************************************/

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

@@ -34,6 +34,7 @@ export interface PFormAutocompleteProps<T extends PFormAutocompleteSingleValue,
     onRenderItem?: (item: Item) => ReactNode;
     onRenderTag?: (item: Item) => ReactNode;
     onRenderValue?: (item: Item) => ReactNode;
+    onGetDisplayValue?: (value: ComponentValue) => ComponentValue;
     onValue?: (value: Value | undefined) => Value | undefined;
     onAddItem?: (item: Item) => boolean | Promise<boolean>;
     getOptionDisabled?: (item: Item) => boolean;

package/dist/index.esm.js

@@ -11174,7 +11174,7 @@ _PFormTextEditor.apiKey = '';
 function _temp$m() {
   return "PFormTextEditor";
 }function PFormAutocomplete(t0) {
-  var $ = c(251);
+  var $ = c(254);
   var ref = t0.ref,
     initVariant = t0.variant,
     initSize = t0.size,
@@ -11215,6 +11215,7 @@ function _temp$m() {
     onRenderItem = t0.onRenderItem,
     onRenderTag = t0.onRenderTag,
     onRenderValue = t0.onRenderValue,
+    onGetDisplayValue = t0.onGetDisplayValue,
     onAddItem = t0.onAddItem,
     getOptionDisabled = t0.getOptionDisabled,
     onChange = t0.onChange,
@@ -12275,68 +12276,79 @@ function _temp$m() {
     t66 = $[187];
   }
   var handleGetOptionDisabled = t66;
-  var style;
+  var _style;
   if ($[188] !== hidden || $[189] !== initStyle || $[190] !== width) {
-    style = _objectSpread2({
+    _style = _objectSpread2({
       minWidth: 120
     }, initStyle);
     if (hidden) {
-      style.display = "none";
+      _style.display = "none";
     }
     if (width != null) {
-      style.width = width;
+      _style.width = width;
     }
     $[188] = hidden;
     $[189] = initStyle;
     $[190] = width;
-    $[191] = style;
+    $[191] = _style;
   } else {
-    style = $[191];
+    _style = $[191];
   }
+  var style = _style;
   var t67;
-  if ($[192] !== items) {
-    t67 = items || [];
-    $[192] = items;
-    $[193] = t67;
+  if ($[192] !== componentValue || $[193] !== onGetDisplayValue) {
+    t67 = onGetDisplayValue ? onGetDisplayValue(componentValue) : componentValue;
+    $[192] = componentValue;
+    $[193] = onGetDisplayValue;
+    $[194] = t67;
   } else {
-    t67 = $[193];
+    t67 = $[194];
   }
+  var displayValue = t67;
   var t68;
-  if ($[194] !== className) {
-    t68 = classNames(className, "PFormValueItem", "PFormAutocomplete");
-    $[194] = className;
-    $[195] = t68;
+  if ($[195] !== items) {
+    t68 = items || [];
+    $[195] = items;
+    $[196] = t68;
   } else {
-    t68 = $[195];
+    t68 = $[196];
   }
-  var t69 = !width && fullWidth;
-  var t70 = componentValue;
-  var t71 = loading || isOnGetItemLoading;
-  var t72;
-  if ($[196] !== handleChange) {
-    t72 = function t72(e, value_4, reason_0, details_0) {
+  var t69;
+  if ($[197] !== className) {
+    t69 = classNames(className, "PFormValueItem", "PFormAutocomplete");
+    $[197] = className;
+    $[198] = t69;
+  } else {
+    t69 = $[198];
+  }
+  var t70 = !width && fullWidth;
+  var t71 = displayValue;
+  var t72 = loading || isOnGetItemLoading;
+  var t73;
+  if ($[199] !== handleChange) {
+    t73 = function t73(e, value_4, reason_0, details_0) {
       return handleChange(value_4, reason_0, details_0);
     };
-    $[196] = handleChange;
-    $[197] = t72;
+    $[199] = handleChange;
+    $[200] = t73;
   } else {
-    t72 = $[197];
+    t73 = $[200];
   }
-  var t73;
-  if ($[198] !== onRenderItem) {
-    t73 = function t73(props, option_1) {
+  var t74;
+  if ($[201] !== onRenderItem) {
+    t74 = function t74(props, option_1) {
       return /*#__PURE__*/React.createElement("li", _extends({}, props, {
         key: "".concat(option_1.value)
       }), onRenderItem ? onRenderItem(option_1) : option_1.label);
     };
-    $[198] = onRenderItem;
-    $[199] = t73;
+    $[201] = onRenderItem;
+    $[202] = t74;
   } else {
-    t73 = $[199];
+    t74 = $[202];
   }
-  var t74;
-  if ($[200] === Symbol["for"]("react.memo_cache_sentinel")) {
-    t74 = function t74(event, newInputValue, reason_1) {
+  var t75;
+  if ($[203] === Symbol["for"]("react.memo_cache_sentinel")) {
+    t75 = function t75(event, newInputValue, reason_1) {
       if (reason_1 === "input") {
         setInputValue(newInputValue);
       } else {
@@ -12345,13 +12357,13 @@ function _temp$m() {
         }
       }
     };
-    $[200] = t74;
+    $[203] = t75;
   } else {
-    t74 = $[200];
+    t75 = $[203];
   }
-  var t75;
-  if ($[201] !== multiple || $[202] !== onRenderTag || $[203] !== onRenderValue || $[204] !== size || $[205] !== variant) {
-    t75 = multiple ? function (value_5, getItemProps) {
+  var t76;
+  if ($[204] !== multiple || $[205] !== onRenderTag || $[206] !== onRenderValue || $[207] !== size || $[208] !== variant) {
+    t76 = multiple ? function (value_5, getItemProps) {
       if (Array.isArray(value_5)) {
         return value_5.map(function (option_2, index) {
           return /*#__PURE__*/React.createElement(Chip, _extends({
@@ -12385,18 +12397,18 @@ function _temp$m() {
         index: 0
       })), onRenderValue(value_6));
     } : undefined;
-    $[201] = multiple;
-    $[202] = onRenderTag;
-    $[203] = onRenderValue;
-    $[204] = size;
-    $[205] = variant;
-    $[206] = t75;
+    $[204] = multiple;
+    $[205] = onRenderTag;
+    $[206] = onRenderValue;
+    $[207] = size;
+    $[208] = variant;
+    $[209] = t76;
   } else {
-    t75 = $[206];
+    t76 = $[209];
   }
-  var t76;
-  if ($[207] !== autoFocus || $[208] !== color || $[209] !== disabled || $[210] !== error || $[211] !== errorHelperText || $[212] !== focused || $[213] !== helperText || $[214] !== isOnGetItemLoading || $[215] !== label || $[216] !== labelIcon || $[217] !== labelShrink || $[218] !== loading || $[219] !== name || $[220] !== onBlurRef || $[221] !== onFocusRef || $[222] !== placeholder || $[223] !== readOnly || $[224] !== required || $[225] !== size || $[226] !== variant) {
-    t76 = function t76(params) {
+  var t77;
+  if ($[210] !== autoFocus || $[211] !== color || $[212] !== disabled || $[213] !== error || $[214] !== errorHelperText || $[215] !== focused || $[216] !== helperText || $[217] !== isOnGetItemLoading || $[218] !== label || $[219] !== labelIcon || $[220] !== labelShrink || $[221] !== loading || $[222] !== name || $[223] !== onBlurRef || $[224] !== onFocusRef || $[225] !== placeholder || $[226] !== readOnly || $[227] !== required || $[228] !== size || $[229] !== variant) {
+    t77 = function t77(params) {
       var _params$inputProps;
       var slotProps = {
         input: _objectSpread2(_objectSpread2({}, params.InputProps), {}, {
@@ -12447,85 +12459,85 @@ function _temp$m() {
         noFormValueItem: true
       }));
     };
-    $[207] = autoFocus;
-    $[208] = color;
-    $[209] = disabled;
-    $[210] = error;
-    $[211] = errorHelperText;
-    $[212] = focused;
-    $[213] = helperText;
-    $[214] = isOnGetItemLoading;
-    $[215] = label;
-    $[216] = labelIcon;
-    $[217] = labelShrink;
-    $[218] = loading;
-    $[219] = name;
-    $[220] = onBlurRef;
-    $[221] = onFocusRef;
-    $[222] = placeholder;
-    $[223] = readOnly;
-    $[224] = required;
-    $[225] = size;
-    $[226] = variant;
-    $[227] = t76;
-  } else {
-    t76 = $[227];
+    $[210] = autoFocus;
+    $[211] = color;
+    $[212] = disabled;
+    $[213] = error;
+    $[214] = errorHelperText;
+    $[215] = focused;
+    $[216] = helperText;
+    $[217] = isOnGetItemLoading;
+    $[218] = label;
+    $[219] = labelIcon;
+    $[220] = labelShrink;
+    $[221] = loading;
+    $[222] = name;
+    $[223] = onBlurRef;
+    $[224] = onFocusRef;
+    $[225] = placeholder;
+    $[226] = readOnly;
+    $[227] = required;
+    $[228] = size;
+    $[229] = variant;
+    $[230] = t77;
+  } else {
+    t77 = $[230];
   }
-  var t77;
-  if ($[228] !== disableClearable || $[229] !== disablePortal || $[230] !== disabled || $[231] !== getLimitTagsText || $[232] !== handleGetOptionDisabled || $[233] !== limitTags || $[234] !== loadingText || $[235] !== multiple || $[236] !== noOptionsText || $[237] !== openOnFocus || $[238] !== readOnly || $[239] !== style || $[240] !== sx || $[241] !== t67 || $[242] !== t68 || $[243] !== t69 || $[244] !== t70 || $[245] !== t71 || $[246] !== t72 || $[247] !== t73 || $[248] !== t75 || $[249] !== t76) {
-    t77 = /*#__PURE__*/React.createElement(Autocomplete, {
-      options: t67,
-      className: t68,
+  var t78;
+  if ($[231] !== disableClearable || $[232] !== disablePortal || $[233] !== disabled || $[234] !== getLimitTagsText || $[235] !== handleGetOptionDisabled || $[236] !== limitTags || $[237] !== loadingText || $[238] !== multiple || $[239] !== noOptionsText || $[240] !== openOnFocus || $[241] !== readOnly || $[242] !== style || $[243] !== sx || $[244] !== t68 || $[245] !== t69 || $[246] !== t70 || $[247] !== t71 || $[248] !== t72 || $[249] !== t73 || $[250] !== t74 || $[251] !== t76 || $[252] !== t77) {
+    t78 = /*#__PURE__*/React.createElement(Autocomplete, {
+      options: t68,
+      className: t69,
       sx: sx,
       multiple: multiple,
-      fullWidth: t69,
+      fullWidth: t70,
       openOnFocus: openOnFocus,
       disableClearable: disableClearable,
       disablePortal: disablePortal,
       noOptionsText: noOptionsText,
-      value: t70,
+      value: t71,
       style: style,
       isOptionEqualToValue: _temp6,
       getOptionDisabled: handleGetOptionDisabled,
       disabled: disabled,
       readOnly: readOnly,
-      loading: t71,
+      loading: t72,
       loadingText: loadingText,
       limitTags: limitTags,
       getLimitTagsText: getLimitTagsText,
-      onChange: t72,
-      renderOption: t73,
-      onInputChange: t74,
-      renderValue: t75,
-      renderInput: t76
+      onChange: t73,
+      renderOption: t74,
+      onInputChange: t75,
+      renderValue: t76,
+      renderInput: t77
     });
-    $[228] = disableClearable;
-    $[229] = disablePortal;
-    $[230] = disabled;
-    $[231] = getLimitTagsText;
-    $[232] = handleGetOptionDisabled;
-    $[233] = limitTags;
-    $[234] = loadingText;
-    $[235] = multiple;
-    $[236] = noOptionsText;
-    $[237] = openOnFocus;
-    $[238] = readOnly;
-    $[239] = style;
-    $[240] = sx;
-    $[241] = t67;
-    $[242] = t68;
-    $[243] = t69;
-    $[244] = t70;
-    $[245] = t71;
-    $[246] = t72;
-    $[247] = t73;
-    $[248] = t75;
-    $[249] = t76;
-    $[250] = t77;
-  } else {
-    t77 = $[250];
+    $[231] = disableClearable;
+    $[232] = disablePortal;
+    $[233] = disabled;
+    $[234] = getLimitTagsText;
+    $[235] = handleGetOptionDisabled;
+    $[236] = limitTags;
+    $[237] = loadingText;
+    $[238] = multiple;
+    $[239] = noOptionsText;
+    $[240] = openOnFocus;
+    $[241] = readOnly;
+    $[242] = style;
+    $[243] = sx;
+    $[244] = t68;
+    $[245] = t69;
+    $[246] = t70;
+    $[247] = t71;
+    $[248] = t72;
+    $[249] = t73;
+    $[250] = t74;
+    $[251] = t76;
+    $[252] = t77;
+    $[253] = t78;
+  } else {
+    t78 = $[253];
   }
-  return t77;
+  return t78;
 }
 function _temp6(option_0, value_3) {
   return option_0.value === value_3.value;

package/dist/index.js

@@ -11174,7 +11174,7 @@ _PFormTextEditor.apiKey = '';
 function _temp$m() {
   return "PFormTextEditor";
 }function PFormAutocomplete(t0) {
-  var $ = compilerRuntime.c(251);
+  var $ = compilerRuntime.c(254);
   var ref = t0.ref,
     initVariant = t0.variant,
     initSize = t0.size,
@@ -11215,6 +11215,7 @@ function _temp$m() {
     onRenderItem = t0.onRenderItem,
     onRenderTag = t0.onRenderTag,
     onRenderValue = t0.onRenderValue,
+    onGetDisplayValue = t0.onGetDisplayValue,
     onAddItem = t0.onAddItem,
     getOptionDisabled = t0.getOptionDisabled,
     onChange = t0.onChange,
@@ -12275,68 +12276,79 @@ function _temp$m() {
     t66 = $[187];
   }
   var handleGetOptionDisabled = t66;
-  var style;
+  var _style;
   if ($[188] !== hidden || $[189] !== initStyle || $[190] !== width) {
-    style = _objectSpread2({
+    _style = _objectSpread2({
       minWidth: 120
     }, initStyle);
     if (hidden) {
-      style.display = "none";
+      _style.display = "none";
     }
     if (width != null) {
-      style.width = width;
+      _style.width = width;
     }
     $[188] = hidden;
     $[189] = initStyle;
     $[190] = width;
-    $[191] = style;
+    $[191] = _style;
   } else {
-    style = $[191];
+    _style = $[191];
   }
+  var style = _style;
   var t67;
-  if ($[192] !== items) {
-    t67 = items || [];
-    $[192] = items;
-    $[193] = t67;
+  if ($[192] !== componentValue || $[193] !== onGetDisplayValue) {
+    t67 = onGetDisplayValue ? onGetDisplayValue(componentValue) : componentValue;
+    $[192] = componentValue;
+    $[193] = onGetDisplayValue;
+    $[194] = t67;
   } else {
-    t67 = $[193];
+    t67 = $[194];
   }
+  var displayValue = t67;
   var t68;
-  if ($[194] !== className) {
-    t68 = classNames(className, "PFormValueItem", "PFormAutocomplete");
-    $[194] = className;
-    $[195] = t68;
+  if ($[195] !== items) {
+    t68 = items || [];
+    $[195] = items;
+    $[196] = t68;
   } else {
-    t68 = $[195];
+    t68 = $[196];
   }
-  var t69 = !width && fullWidth;
-  var t70 = componentValue;
-  var t71 = loading || isOnGetItemLoading;
-  var t72;
-  if ($[196] !== handleChange) {
-    t72 = function t72(e, value_4, reason_0, details_0) {
+  var t69;
+  if ($[197] !== className) {
+    t69 = classNames(className, "PFormValueItem", "PFormAutocomplete");
+    $[197] = className;
+    $[198] = t69;
+  } else {
+    t69 = $[198];
+  }
+  var t70 = !width && fullWidth;
+  var t71 = displayValue;
+  var t72 = loading || isOnGetItemLoading;
+  var t73;
+  if ($[199] !== handleChange) {
+    t73 = function t73(e, value_4, reason_0, details_0) {
       return handleChange(value_4, reason_0, details_0);
     };
-    $[196] = handleChange;
-    $[197] = t72;
+    $[199] = handleChange;
+    $[200] = t73;
   } else {
-    t72 = $[197];
+    t73 = $[200];
   }
-  var t73;
-  if ($[198] !== onRenderItem) {
-    t73 = function t73(props, option_1) {
+  var t74;
+  if ($[201] !== onRenderItem) {
+    t74 = function t74(props, option_1) {
       return /*#__PURE__*/React.createElement("li", _extends({}, props, {
         key: "".concat(option_1.value)
       }), onRenderItem ? onRenderItem(option_1) : option_1.label);
     };
-    $[198] = onRenderItem;
-    $[199] = t73;
+    $[201] = onRenderItem;
+    $[202] = t74;
   } else {
-    t73 = $[199];
+    t74 = $[202];
   }
-  var t74;
-  if ($[200] === Symbol["for"]("react.memo_cache_sentinel")) {
-    t74 = function t74(event, newInputValue, reason_1) {
+  var t75;
+  if ($[203] === Symbol["for"]("react.memo_cache_sentinel")) {
+    t75 = function t75(event, newInputValue, reason_1) {
       if (reason_1 === "input") {
         setInputValue(newInputValue);
       } else {
@@ -12345,13 +12357,13 @@ function _temp$m() {
         }
       }
     };
-    $[200] = t74;
+    $[203] = t75;
   } else {
-    t74 = $[200];
+    t75 = $[203];
   }
-  var t75;
-  if ($[201] !== multiple || $[202] !== onRenderTag || $[203] !== onRenderValue || $[204] !== size || $[205] !== variant) {
-    t75 = multiple ? function (value_5, getItemProps) {
+  var t76;
+  if ($[204] !== multiple || $[205] !== onRenderTag || $[206] !== onRenderValue || $[207] !== size || $[208] !== variant) {
+    t76 = multiple ? function (value_5, getItemProps) {
       if (Array.isArray(value_5)) {
         return value_5.map(function (option_2, index) {
           return /*#__PURE__*/React.createElement(material.Chip, _extends({
@@ -12385,18 +12397,18 @@ function _temp$m() {
         index: 0
       })), onRenderValue(value_6));
     } : undefined;
-    $[201] = multiple;
-    $[202] = onRenderTag;
-    $[203] = onRenderValue;
-    $[204] = size;
-    $[205] = variant;
-    $[206] = t75;
+    $[204] = multiple;
+    $[205] = onRenderTag;
+    $[206] = onRenderValue;
+    $[207] = size;
+    $[208] = variant;
+    $[209] = t76;
   } else {
-    t75 = $[206];
+    t76 = $[209];
   }
-  var t76;
-  if ($[207] !== autoFocus || $[208] !== color || $[209] !== disabled || $[210] !== error || $[211] !== errorHelperText || $[212] !== focused || $[213] !== helperText || $[214] !== isOnGetItemLoading || $[215] !== label || $[216] !== labelIcon || $[217] !== labelShrink || $[218] !== loading || $[219] !== name || $[220] !== onBlurRef || $[221] !== onFocusRef || $[222] !== placeholder || $[223] !== readOnly || $[224] !== required || $[225] !== size || $[226] !== variant) {
-    t76 = function t76(params) {
+  var t77;
+  if ($[210] !== autoFocus || $[211] !== color || $[212] !== disabled || $[213] !== error || $[214] !== errorHelperText || $[215] !== focused || $[216] !== helperText || $[217] !== isOnGetItemLoading || $[218] !== label || $[219] !== labelIcon || $[220] !== labelShrink || $[221] !== loading || $[222] !== name || $[223] !== onBlurRef || $[224] !== onFocusRef || $[225] !== placeholder || $[226] !== readOnly || $[227] !== required || $[228] !== size || $[229] !== variant) {
+    t77 = function t77(params) {
       var _params$inputProps;
       var slotProps = {
         input: _objectSpread2(_objectSpread2({}, params.InputProps), {}, {
@@ -12447,85 +12459,85 @@ function _temp$m() {
         noFormValueItem: true
       }));
     };
-    $[207] = autoFocus;
-    $[208] = color;
-    $[209] = disabled;
-    $[210] = error;
-    $[211] = errorHelperText;
-    $[212] = focused;
-    $[213] = helperText;
-    $[214] = isOnGetItemLoading;
-    $[215] = label;
-    $[216] = labelIcon;
-    $[217] = labelShrink;
-    $[218] = loading;
-    $[219] = name;
-    $[220] = onBlurRef;
-    $[221] = onFocusRef;
-    $[222] = placeholder;
-    $[223] = readOnly;
-    $[224] = required;
-    $[225] = size;
-    $[226] = variant;
-    $[227] = t76;
-  } else {
-    t76 = $[227];
+    $[210] = autoFocus;
+    $[211] = color;
+    $[212] = disabled;
+    $[213] = error;
+    $[214] = errorHelperText;
+    $[215] = focused;
+    $[216] = helperText;
+    $[217] = isOnGetItemLoading;
+    $[218] = label;
+    $[219] = labelIcon;
+    $[220] = labelShrink;
+    $[221] = loading;
+    $[222] = name;
+    $[223] = onBlurRef;
+    $[224] = onFocusRef;
+    $[225] = placeholder;
+    $[226] = readOnly;
+    $[227] = required;
+    $[228] = size;
+    $[229] = variant;
+    $[230] = t77;
+  } else {
+    t77 = $[230];
   }
-  var t77;
-  if ($[228] !== disableClearable || $[229] !== disablePortal || $[230] !== disabled || $[231] !== getLimitTagsText || $[232] !== handleGetOptionDisabled || $[233] !== limitTags || $[234] !== loadingText || $[235] !== multiple || $[236] !== noOptionsText || $[237] !== openOnFocus || $[238] !== readOnly || $[239] !== style || $[240] !== sx || $[241] !== t67 || $[242] !== t68 || $[243] !== t69 || $[244] !== t70 || $[245] !== t71 || $[246] !== t72 || $[247] !== t73 || $[248] !== t75 || $[249] !== t76) {
-    t77 = /*#__PURE__*/React.createElement(material.Autocomplete, {
-      options: t67,
-      className: t68,
+  var t78;
+  if ($[231] !== disableClearable || $[232] !== disablePortal || $[233] !== disabled || $[234] !== getLimitTagsText || $[235] !== handleGetOptionDisabled || $[236] !== limitTags || $[237] !== loadingText || $[238] !== multiple || $[239] !== noOptionsText || $[240] !== openOnFocus || $[241] !== readOnly || $[242] !== style || $[243] !== sx || $[244] !== t68 || $[245] !== t69 || $[246] !== t70 || $[247] !== t71 || $[248] !== t72 || $[249] !== t73 || $[250] !== t74 || $[251] !== t76 || $[252] !== t77) {
+    t78 = /*#__PURE__*/React.createElement(material.Autocomplete, {
+      options: t68,
+      className: t69,
       sx: sx,
       multiple: multiple,
-      fullWidth: t69,
+      fullWidth: t70,
       openOnFocus: openOnFocus,
       disableClearable: disableClearable,
       disablePortal: disablePortal,
       noOptionsText: noOptionsText,
-      value: t70,
+      value: t71,
       style: style,
       isOptionEqualToValue: _temp6,
       getOptionDisabled: handleGetOptionDisabled,
       disabled: disabled,
       readOnly: readOnly,
-      loading: t71,
+      loading: t72,
       loadingText: loadingText,
       limitTags: limitTags,
       getLimitTagsText: getLimitTagsText,
-      onChange: t72,
-      renderOption: t73,
-      onInputChange: t74,
-      renderValue: t75,
-      renderInput: t76
+      onChange: t73,
+      renderOption: t74,
+      onInputChange: t75,
+      renderValue: t76,
+      renderInput: t77
     });
-    $[228] = disableClearable;
-    $[229] = disablePortal;
-    $[230] = disabled;
-    $[231] = getLimitTagsText;
-    $[232] = handleGetOptionDisabled;
-    $[233] = limitTags;
-    $[234] = loadingText;
-    $[235] = multiple;
-    $[236] = noOptionsText;
-    $[237] = openOnFocus;
-    $[238] = readOnly;
-    $[239] = style;
-    $[240] = sx;
-    $[241] = t67;
-    $[242] = t68;
-    $[243] = t69;
-    $[244] = t70;
-    $[245] = t71;
-    $[246] = t72;
-    $[247] = t73;
-    $[248] = t75;
-    $[249] = t76;
-    $[250] = t77;
-  } else {
-    t77 = $[250];
+    $[231] = disableClearable;
+    $[232] = disablePortal;
+    $[233] = disabled;
+    $[234] = getLimitTagsText;
+    $[235] = handleGetOptionDisabled;
+    $[236] = limitTags;
+    $[237] = loadingText;
+    $[238] = multiple;
+    $[239] = noOptionsText;
+    $[240] = openOnFocus;
+    $[241] = readOnly;
+    $[242] = style;
+    $[243] = sx;
+    $[244] = t68;
+    $[245] = t69;
+    $[246] = t70;
+    $[247] = t71;
+    $[248] = t72;
+    $[249] = t73;
+    $[250] = t74;
+    $[251] = t76;
+    $[252] = t77;
+    $[253] = t78;
+  } else {
+    t78 = $[253];
   }
-  return t77;
+  return t78;
 }
 function _temp6(option_0, value_3) {
   return option_0.value === value_3.value;

package/package.json

@@ -2,7 +2,7 @@
   "name": "@pdg/react-form",
   "title": "Typescript React Form Module",
   "description": "Typescript React Form Module",
-  "version": "1.2.12",
+  "version": "1.2.14",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.esm.js",