@pdg/react-form 1.2.13 → 1.2.15

package/dist/index.js

@@ -1648,7 +1648,7 @@ var PFormBlock = function PFormBlock(t0) {
 };var _templateObject$g;
 var StyledWrapGrid = material.styled(material.Grid)(_templateObject$g || (_templateObject$g = _taggedTemplateLiteral(["\n  width: 100%;\n"])));var _excluded$A = ["variant", "size", "color", "spacing", "focused", "labelShrink", "fullWidth"];
 var PFormRow = function PFormRow(t0) {
-  var $ = compilerRuntime.c(73);
+  var $ = compilerRuntime.c(74);
   var ref = t0.ref,
     initVariant = t0.variant,
     initSize = t0.size,
@@ -1662,6 +1662,7 @@ var PFormRow = function PFormRow(t0) {
     line = t0.line,
     lineVerticalMargin = t0.lineVerticalMargin,
     fullHeight = t0.fullHeight,
+    endAdornment = t0.endAdornment,
     hidden = t0.hidden,
     error = t0.error,
     warning = t0.warning,
@@ -1843,7 +1844,7 @@ var PFormRow = function PFormRow(t0) {
     t9 = $[31];
   }
   var t10;
-  if ($[32] !== className || $[33] !== color || $[34] !== error || $[35] !== hidden || $[36] !== icon || $[37] !== label || $[38] !== line || $[39] !== lineVerticalMargin || $[40] !== size || $[41] !== warning) {
+  if ($[32] !== className || $[33] !== color || $[34] !== endAdornment || $[35] !== error || $[36] !== hidden || $[37] !== icon || $[38] !== label || $[39] !== line || $[40] !== lineVerticalMargin || $[41] !== size || $[42] !== warning) {
     t10 = (icon || label || line) && /*#__PURE__*/React.createElement(PFormDivider, {
       className: classNames(className, "PFormRow-header"),
       size: size,
@@ -1854,55 +1855,57 @@ var PFormRow = function PFormRow(t0) {
       error: error,
       warning: warning,
       lineVerticalMargin: lineVerticalMargin,
-      hidden: hidden
+      hidden: hidden,
+      endAdornment: endAdornment
     });
     $[32] = className;
     $[33] = color;
-    $[34] = error;
-    $[35] = hidden;
-    $[36] = icon;
-    $[37] = label;
-    $[38] = line;
-    $[39] = lineVerticalMargin;
-    $[40] = size;
-    $[41] = warning;
-    $[42] = t10;
+    $[34] = endAdornment;
+    $[35] = error;
+    $[36] = hidden;
+    $[37] = icon;
+    $[38] = label;
+    $[39] = line;
+    $[40] = lineVerticalMargin;
+    $[41] = size;
+    $[42] = warning;
+    $[43] = t10;
   } else {
-    t10 = $[42];
+    t10 = $[43];
   }
   var t11;
-  if ($[43] === Symbol["for"]("react.memo_cache_sentinel")) {
+  if ($[44] === Symbol["for"]("react.memo_cache_sentinel")) {
     t11 = {
       xs: 12
     };
-    $[43] = t11;
+    $[44] = t11;
   } else {
-    t11 = $[43];
+    t11 = $[44];
   }
   var t12;
-  if ($[44] !== fullHeight) {
+  if ($[45] !== fullHeight) {
     t12 = fullHeight ? {
       height: "100%"
     } : undefined;
-    $[44] = fullHeight;
-    $[45] = t12;
+    $[45] = fullHeight;
+    $[46] = t12;
   } else {
-    t12 = $[45];
+    t12 = $[46];
   }
   var t13 = fullHeight ? "100%" : undefined;
   var t14;
-  if ($[46] !== t13) {
+  if ($[47] !== t13) {
     t14 = {
       flexWrap: "nowrap",
       height: t13
     };
-    $[46] = t13;
-    $[47] = t14;
+    $[47] = t13;
+    $[48] = t14;
   } else {
-    t14 = $[47];
+    t14 = $[48];
   }
   var t15;
-  if ($[48] !== children || $[49] !== spacing || $[50] !== t14) {
+  if ($[49] !== children || $[50] !== spacing || $[51] !== t14) {
     t15 = /*#__PURE__*/React.createElement(material.Grid, {
       className: "PFormRow-content",
       container: true,
@@ -1910,57 +1913,57 @@ var PFormRow = function PFormRow(t0) {
       direction: "row",
       style: t14
     }, children);
-    $[48] = children;
-    $[49] = spacing;
-    $[50] = t14;
-    $[51] = t15;
+    $[49] = children;
+    $[50] = spacing;
+    $[51] = t14;
+    $[52] = t15;
   } else {
-    t15 = $[51];
+    t15 = $[52];
   }
   var t16;
-  if ($[52] !== error || $[53] !== helperText) {
+  if ($[53] !== error || $[54] !== helperText) {
     t16 = helperText && /*#__PURE__*/React.createElement(material.FormHelperText, {
       className: "PFormRow-helper-text",
       component: "div",
       error: error
     }, helperText);
-    $[52] = error;
-    $[53] = helperText;
-    $[54] = t16;
+    $[53] = error;
+    $[54] = helperText;
+    $[55] = t16;
   } else {
-    t16 = $[54];
+    t16 = $[55];
   }
   var t17;
-  if ($[55] !== t12 || $[56] !== t15 || $[57] !== t16) {
+  if ($[56] !== t12 || $[57] !== t15 || $[58] !== t16) {
     t17 = /*#__PURE__*/React.createElement(StyledWrapGrid, {
       size: t11,
       className: "PFormRow-body",
       style: t12
     }, t15, t16);
-    $[55] = t12;
-    $[56] = t15;
-    $[57] = t16;
-    $[58] = t17;
+    $[56] = t12;
+    $[57] = t15;
+    $[58] = t16;
+    $[59] = t17;
   } else {
-    t17 = $[58];
+    t17 = $[59];
   }
   var t18;
-  if ($[59] !== spacing || $[60] !== t10 || $[61] !== t17 || $[62] !== t9) {
+  if ($[60] !== spacing || $[61] !== t10 || $[62] !== t17 || $[63] !== t9) {
     t18 = /*#__PURE__*/React.createElement(material.Grid, {
       container: true,
       spacing: spacing,
       style: t9
     }, t10, t17);
-    $[59] = spacing;
-    $[60] = t10;
-    $[61] = t17;
-    $[62] = t9;
-    $[63] = t18;
+    $[60] = spacing;
+    $[61] = t10;
+    $[62] = t17;
+    $[63] = t9;
+    $[64] = t18;
   } else {
-    t18 = $[63];
+    t18 = $[64];
   }
   var t19;
-  if ($[64] !== ref || $[65] !== style_0 || $[66] !== sx || $[67] !== t18 || $[68] !== t8) {
+  if ($[65] !== ref || $[66] !== style_0 || $[67] !== sx || $[68] !== t18 || $[69] !== t8) {
     t19 = /*#__PURE__*/React.createElement(material.Grid, {
       ref: ref,
       size: t7,
@@ -1968,25 +1971,25 @@ var PFormRow = function PFormRow(t0) {
       style: style_0,
       sx: sx
     }, t18);
-    $[64] = ref;
-    $[65] = style_0;
-    $[66] = sx;
-    $[67] = t18;
-    $[68] = t8;
-    $[69] = t19;
+    $[65] = ref;
+    $[66] = style_0;
+    $[67] = sx;
+    $[68] = t18;
+    $[69] = t8;
+    $[70] = t19;
   } else {
-    t19 = $[69];
+    t19 = $[70];
   }
   var t20;
-  if ($[70] !== t19 || $[71] !== t6) {
+  if ($[71] !== t19 || $[72] !== t6) {
     t20 = /*#__PURE__*/React.createElement(PFormContextProvider, {
       value: t6
     }, t19);
-    $[70] = t19;
-    $[71] = t6;
-    $[72] = t20;
+    $[71] = t19;
+    $[72] = t6;
+    $[73] = t20;
   } else {
-    t20 = $[72];
+    t20 = $[73];
   }
   return t20;
 };var _templateObject$f, _templateObject2$8, _templateObject3$4;
@@ -11174,7 +11177,7 @@ _PFormTextEditor.apiKey = '';
 function _temp$m() {
   return "PFormTextEditor";
 }function PFormAutocomplete(t0) {
-  var $ = compilerRuntime.c(252);
+  var $ = compilerRuntime.c(254);
   var ref = t0.ref,
     initVariant = t0.variant,
     initSize = t0.size,
@@ -11215,7 +11218,7 @@ function _temp$m() {
     onRenderItem = t0.onRenderItem,
     onRenderTag = t0.onRenderTag,
     onRenderValue = t0.onRenderValue,
-    onGetComponentValue = t0.onGetComponentValue,
+    onGetDisplayValue = t0.onGetDisplayValue,
     onAddItem = t0.onAddItem,
     getOptionDisabled = t0.getOptionDisabled,
     onChange = t0.onChange,
@@ -11712,50 +11715,49 @@ function _temp$m() {
     componentValue = _useState22[0],
     setComponentValue = _useState22[1];
   var t29;
-  if ($[67] !== componentValue || $[68] !== computedComponentValue_0 || $[69] !== onGetComponentValue) {
+  if ($[67] !== componentValue || $[68] !== computedComponentValue_0) {
     t29 = function t29() {
       if (componentValue && computedComponentValue_0 && compare.equal(componentValue, computedComponentValue_0)) ; else {
-        setComponentValue(onGetComponentValue ? onGetComponentValue(computedComponentValue_0) : computedComponentValue_0);
+        setComponentValue(computedComponentValue_0);
       }
     };
     $[67] = componentValue;
     $[68] = computedComponentValue_0;
-    $[69] = onGetComponentValue;
-    $[70] = t29;
+    $[69] = t29;
   } else {
-    t29 = $[70];
+    t29 = $[69];
   }
   var t30;
-  if ($[71] !== computedComponentValue_0) {
+  if ($[70] !== computedComponentValue_0) {
     t30 = [computedComponentValue_0];
-    $[71] = computedComponentValue_0;
-    $[72] = t30;
+    $[70] = computedComponentValue_0;
+    $[71] = t30;
   } else {
-    t30 = $[72];
+    t30 = $[71];
   }
   reactHook.useChanged(t29, t30);
   var t31;
-  if ($[73] === Symbol["for"]("react.memo_cache_sentinel")) {
+  if ($[72] === Symbol["for"]("react.memo_cache_sentinel")) {
     t31 = function t31() {
       setIsOnGetItemLoading(true);
     };
-    $[73] = t31;
+    $[72] = t31;
   } else {
-    t31 = $[73];
+    t31 = $[72];
   }
   var showOnGetItemLoading = t31;
   var t32;
-  if ($[74] === Symbol["for"]("react.memo_cache_sentinel")) {
+  if ($[73] === Symbol["for"]("react.memo_cache_sentinel")) {
     t32 = function t32() {
       setIsOnGetItemLoading(false);
     };
-    $[74] = t32;
+    $[73] = t32;
   } else {
-    t32 = $[74];
+    t32 = $[73];
   }
   var hideOnGetItemLoading = t32;
   var t33;
-  if ($[75] !== async || $[76] !== onLoadItemsRef || $[77] !== setItems) {
+  if ($[74] !== async || $[75] !== onLoadItemsRef || $[76] !== setItems) {
     t33 = function t33() {
       if (!async && onLoadItemsRef.current) {
         showOnGetItemLoading();
@@ -11765,44 +11767,44 @@ function _temp$m() {
         });
       }
     };
-    $[75] = async;
-    $[76] = onLoadItemsRef;
-    $[77] = setItems;
-    $[78] = t33;
+    $[74] = async;
+    $[75] = onLoadItemsRef;
+    $[76] = setItems;
+    $[77] = t33;
   } else {
-    t33 = $[78];
+    t33 = $[77];
   }
   var t34;
-  if ($[79] === Symbol["for"]("react.memo_cache_sentinel")) {
+  if ($[78] === Symbol["for"]("react.memo_cache_sentinel")) {
     t34 = [];
-    $[79] = t34;
+    $[78] = t34;
   } else {
-    t34 = $[79];
+    t34 = $[78];
   }
   reactHook.useEventEffect(t33, t34);
   var t35;
-  if ($[80] !== getFinalValueRef || $[81] !== updateValue || $[82] !== valueRef) {
+  if ($[79] !== getFinalValueRef || $[80] !== updateValue || $[81] !== valueRef) {
     t35 = function t35() {
       updateValue(getFinalValueRef.current(valueRef.current));
     };
-    $[80] = getFinalValueRef;
-    $[81] = updateValue;
-    $[82] = valueRef;
-    $[83] = t35;
+    $[79] = getFinalValueRef;
+    $[80] = updateValue;
+    $[81] = valueRef;
+    $[82] = t35;
   } else {
-    t35 = $[83];
+    t35 = $[82];
   }
   var t36;
-  if ($[84] !== multiple) {
+  if ($[83] !== multiple) {
     t36 = [multiple];
-    $[84] = multiple;
-    $[85] = t36;
+    $[83] = multiple;
+    $[84] = t36;
   } else {
-    t36 = $[85];
+    t36 = $[84];
   }
   reactHook.useFirstSkipEffect(t35, t36);
   var t37;
-  if ($[86] !== async || $[87] !== onAsyncLoadValueItemRef || $[88] !== setItems || $[89] !== valueItem || $[90] !== value_2) {
+  if ($[85] !== async || $[86] !== onAsyncLoadValueItemRef || $[87] !== setItems || $[88] !== valueItem || $[89] !== value_2) {
     t37 = function t37() {
       if (async && onAsyncLoadValueItemRef.current) {
         if (value_2 != null) {
@@ -11823,28 +11825,28 @@ function _temp$m() {
         }
       }
     };
-    $[86] = async;
-    $[87] = onAsyncLoadValueItemRef;
-    $[88] = setItems;
-    $[89] = valueItem;
-    $[90] = value_2;
-    $[91] = t37;
+    $[85] = async;
+    $[86] = onAsyncLoadValueItemRef;
+    $[87] = setItems;
+    $[88] = valueItem;
+    $[89] = value_2;
+    $[90] = t37;
   } else {
-    t37 = $[91];
+    t37 = $[90];
   }
   var t38;
-  if ($[92] !== async || $[93] !== valueItem || $[94] !== value_2) {
+  if ($[91] !== async || $[92] !== valueItem || $[93] !== value_2) {
     t38 = [async, value_2, valueItem];
-    $[92] = async;
-    $[93] = valueItem;
-    $[94] = value_2;
-    $[95] = t38;
+    $[91] = async;
+    $[92] = valueItem;
+    $[93] = value_2;
+    $[94] = t38;
   } else {
-    t38 = $[95];
+    t38 = $[94];
   }
   reactHook.useEventEffect(t37, t38);
   var t39;
-  if ($[96] !== async || $[97] !== asyncTimeoutRef || $[98] !== componentValue || $[99] !== inputValue || $[100] !== onLoadItems || $[101] !== setAsyncTimeout || $[102] !== setItems) {
+  if ($[95] !== async || $[96] !== asyncTimeoutRef || $[97] !== componentValue || $[98] !== inputValue || $[99] !== onLoadItems || $[100] !== setAsyncTimeout || $[101] !== setItems) {
     t39 = function t39() {
       if (async && onLoadItems) {
         reactHook.clearTimeoutRef(asyncTimeoutRef);
@@ -11884,231 +11886,231 @@ function _temp$m() {
         }
       }
     };
-    $[96] = async;
-    $[97] = asyncTimeoutRef;
-    $[98] = componentValue;
-    $[99] = inputValue;
-    $[100] = onLoadItems;
-    $[101] = setAsyncTimeout;
-    $[102] = setItems;
-    $[103] = t39;
+    $[95] = async;
+    $[96] = asyncTimeoutRef;
+    $[97] = componentValue;
+    $[98] = inputValue;
+    $[99] = onLoadItems;
+    $[100] = setAsyncTimeout;
+    $[101] = setItems;
+    $[102] = t39;
   } else {
-    t39 = $[103];
+    t39 = $[102];
   }
   var t40;
-  if ($[104] !== async || $[105] !== inputValue) {
+  if ($[103] !== async || $[104] !== inputValue) {
     t40 = [async, inputValue];
-    $[104] = async;
-    $[105] = inputValue;
-    $[106] = t40;
+    $[103] = async;
+    $[104] = inputValue;
+    $[105] = t40;
   } else {
-    t40 = $[106];
+    t40 = $[105];
   }
   reactHook.useEventEffect(t39, t40);
   var t41;
-  if ($[107] === Symbol["for"]("react.memo_cache_sentinel")) {
+  if ($[106] === Symbol["for"]("react.memo_cache_sentinel")) {
     t41 = function t41() {
       var _textFieldRef$current;
       (_textFieldRef$current = textFieldRef.current) === null || _textFieldRef$current === void 0 || _textFieldRef$current.focus();
     };
-    $[107] = t41;
+    $[106] = t41;
   } else {
-    t41 = $[107];
+    t41 = $[106];
   }
   var focus = t41;
   var t42;
-  if ($[108] !== name) {
+  if ($[107] !== name) {
     t42 = function t42() {
       return name;
     };
-    $[108] = name;
-    $[109] = t42;
+    $[107] = name;
+    $[108] = t42;
   } else {
-    t42 = $[109];
+    t42 = $[108];
   }
   var t43;
-  if ($[110] !== getFinalValueRef || $[111] !== initValueRef) {
+  if ($[109] !== getFinalValueRef || $[110] !== initValueRef) {
     t43 = function t43() {
       return getFinalValueRef.current(initValueRef.current);
     };
-    $[110] = getFinalValueRef;
-    $[111] = initValueRef;
-    $[112] = t43;
+    $[109] = getFinalValueRef;
+    $[110] = initValueRef;
+    $[111] = t43;
   } else {
-    t43 = $[112];
+    t43 = $[111];
   }
   var t44;
-  if ($[113] !== initValueRef || $[114] !== updateValue) {
+  if ($[112] !== initValueRef || $[113] !== updateValue) {
     t44 = function t44() {
       return updateValue(initValueRef.current);
     };
-    $[113] = initValueRef;
-    $[114] = updateValue;
-    $[115] = t44;
+    $[112] = initValueRef;
+    $[113] = updateValue;
+    $[114] = t44;
   } else {
-    t44 = $[115];
+    t44 = $[114];
   }
   var t45;
-  if ($[116] !== valueRef) {
+  if ($[115] !== valueRef) {
     t45 = function t45() {
       return valueRef.current;
     };
-    $[116] = valueRef;
-    $[117] = t45;
+    $[115] = valueRef;
+    $[116] = t45;
   } else {
-    t45 = $[117];
+    t45 = $[116];
   }
   var t46;
-  if ($[118] !== updateValue) {
+  if ($[117] !== updateValue) {
     t46 = function t46(newValue_4) {
       return updateValue(newValue_4);
     };
-    $[118] = updateValue;
-    $[119] = t46;
+    $[117] = updateValue;
+    $[118] = t46;
   } else {
-    t46 = $[119];
+    t46 = $[118];
   }
   var t47;
-  if ($[120] !== dataRef) {
+  if ($[119] !== dataRef) {
     t47 = function t47() {
       return dataRef.current;
     };
-    $[120] = dataRef;
-    $[121] = t47;
+    $[119] = dataRef;
+    $[120] = t47;
   } else {
-    t47 = $[121];
+    t47 = $[120];
   }
   var t48;
-  if ($[122] !== setData) {
+  if ($[121] !== setData) {
     t48 = function t48(data_0) {
       return setData(data_0);
     };
-    $[122] = setData;
-    $[123] = t48;
+    $[121] = setData;
+    $[122] = t48;
   } else {
-    t48 = $[123];
+    t48 = $[122];
   }
   var t49;
-  if ($[124] !== exceptValue) {
+  if ($[123] !== exceptValue) {
     t49 = function t49() {
       return !!exceptValue;
     };
-    $[124] = exceptValue;
-    $[125] = t49;
+    $[123] = exceptValue;
+    $[124] = t49;
   } else {
-    t49 = $[125];
+    t49 = $[124];
   }
   var t50;
-  if ($[126] !== disabled) {
+  if ($[125] !== disabled) {
     t50 = function t50() {
       return !!disabled;
     };
-    $[126] = disabled;
-    $[127] = t50;
+    $[125] = disabled;
+    $[126] = t50;
   } else {
-    t50 = $[127];
+    t50 = $[126];
   }
   var t51;
-  if ($[128] === Symbol["for"]("react.memo_cache_sentinel")) {
+  if ($[127] === Symbol["for"]("react.memo_cache_sentinel")) {
     t51 = function t51(disabled_0) {
       return setDisabled(disabled_0);
     };
-    $[128] = t51;
+    $[127] = t51;
   } else {
-    t51 = $[128];
+    t51 = $[127];
   }
   var t52;
-  if ($[129] !== hidden) {
+  if ($[128] !== hidden) {
     t52 = function t52() {
       return !!hidden;
     };
-    $[129] = hidden;
-    $[130] = t52;
+    $[128] = hidden;
+    $[129] = t52;
   } else {
-    t52 = $[130];
+    t52 = $[129];
   }
   var t53;
-  if ($[131] === Symbol["for"]("react.memo_cache_sentinel")) {
+  if ($[130] === Symbol["for"]("react.memo_cache_sentinel")) {
     t53 = function t53(hidden_0) {
       return setHidden(hidden_0);
     };
-    $[131] = t53;
+    $[130] = t53;
   } else {
-    t53 = $[131];
+    t53 = $[130];
   }
   var t54;
-  if ($[132] !== validate || $[133] !== valueRef) {
+  if ($[131] !== validate || $[132] !== valueRef) {
     t54 = function t54() {
       return validate(valueRef.current);
     };
-    $[132] = validate;
-    $[133] = valueRef;
-    $[134] = t54;
+    $[131] = validate;
+    $[132] = valueRef;
+    $[133] = t54;
   } else {
-    t54 = $[134];
+    t54 = $[133];
   }
   var t55;
-  if ($[135] !== formValueSeparator) {
+  if ($[134] !== formValueSeparator) {
     t55 = function t55() {
       return formValueSeparator;
     };
-    $[135] = formValueSeparator;
-    $[136] = t55;
+    $[134] = formValueSeparator;
+    $[135] = t55;
   } else {
-    t55 = $[136];
+    t55 = $[135];
   }
   var t56;
-  if ($[137] !== formValueSort) {
+  if ($[136] !== formValueSort) {
     t56 = function t56() {
       return !!formValueSort;
     };
-    $[137] = formValueSort;
-    $[138] = t56;
+    $[136] = formValueSort;
+    $[137] = t56;
   } else {
-    t56 = $[138];
+    t56 = $[137];
   }
   var t57;
-  if ($[139] !== itemsRef) {
+  if ($[138] !== itemsRef) {
     t57 = function t57() {
       return itemsRef.current;
     };
-    $[139] = itemsRef;
-    $[140] = t57;
+    $[138] = itemsRef;
+    $[139] = t57;
   } else {
-    t57 = $[140];
+    t57 = $[139];
   }
   var t58;
-  if ($[141] !== multiple) {
+  if ($[140] !== multiple) {
     t58 = function t58() {
       return !!multiple;
     };
-    $[141] = multiple;
-    $[142] = t58;
+    $[140] = multiple;
+    $[141] = t58;
   } else {
-    t58 = $[142];
+    t58 = $[141];
   }
   var t59;
-  if ($[143] !== loadingRef) {
+  if ($[142] !== loadingRef) {
     t59 = function t59() {
       return !!loadingRef.current;
     };
-    $[143] = loadingRef;
-    $[144] = t59;
+    $[142] = loadingRef;
+    $[143] = t59;
   } else {
-    t59 = $[144];
+    t59 = $[143];
   }
   var t60;
-  if ($[145] !== setLoading) {
+  if ($[144] !== setLoading) {
     t60 = function t60(loading_0) {
       return setLoading(loading_0);
     };
-    $[145] = setLoading;
-    $[146] = t60;
+    $[144] = setLoading;
+    $[145] = t60;
   } else {
-    t60 = $[146];
+    t60 = $[145];
   }
   var t61;
-  if ($[147] !== async || $[148] !== onLoadItemsRef || $[149] !== setItems) {
+  if ($[146] !== async || $[147] !== onLoadItemsRef || $[148] !== setItems) {
     t61 = function t61() {
       if (!async && onLoadItemsRef.current) {
         showOnGetItemLoading();
@@ -12119,15 +12121,15 @@ function _temp$m() {
         });
       }
     };
-    $[147] = async;
-    $[148] = onLoadItemsRef;
-    $[149] = setItems;
-    $[150] = t61;
+    $[146] = async;
+    $[147] = onLoadItemsRef;
+    $[148] = setItems;
+    $[149] = t61;
   } else {
-    t61 = $[150];
+    t61 = $[149];
   }
   var t62;
-  if ($[151] !== setErrorErrorHelperText || $[152] !== setItems || $[153] !== t42 || $[154] !== t43 || $[155] !== t44 || $[156] !== t45 || $[157] !== t46 || $[158] !== t47 || $[159] !== t48 || $[160] !== t49 || $[161] !== t50 || $[162] !== t52 || $[163] !== t54 || $[164] !== t55 || $[165] !== t56 || $[166] !== t57 || $[167] !== t58 || $[168] !== t59 || $[169] !== t60 || $[170] !== t61) {
+  if ($[150] !== setErrorErrorHelperText || $[151] !== setItems || $[152] !== t42 || $[153] !== t43 || $[154] !== t44 || $[155] !== t45 || $[156] !== t46 || $[157] !== t47 || $[158] !== t48 || $[159] !== t49 || $[160] !== t50 || $[161] !== t52 || $[162] !== t54 || $[163] !== t55 || $[164] !== t56 || $[165] !== t57 || $[166] !== t58 || $[167] !== t59 || $[168] !== t60 || $[169] !== t61) {
     t62 = {
       getType: _temp4,
       getName: t42,
@@ -12156,56 +12158,56 @@ function _temp$m() {
       reloadItems: t61,
       setInputValue: setInputValue
     };
-    $[151] = setErrorErrorHelperText;
-    $[152] = setItems;
-    $[153] = t42;
-    $[154] = t43;
-    $[155] = t44;
-    $[156] = t45;
-    $[157] = t46;
-    $[158] = t47;
-    $[159] = t48;
-    $[160] = t49;
-    $[161] = t50;
-    $[162] = t52;
-    $[163] = t54;
-    $[164] = t55;
-    $[165] = t56;
-    $[166] = t57;
-    $[167] = t58;
-    $[168] = t59;
-    $[169] = t60;
-    $[170] = t61;
-    $[171] = t62;
-  } else {
-    t62 = $[171];
+    $[150] = setErrorErrorHelperText;
+    $[151] = setItems;
+    $[152] = t42;
+    $[153] = t43;
+    $[154] = t44;
+    $[155] = t45;
+    $[156] = t46;
+    $[157] = t47;
+    $[158] = t48;
+    $[159] = t49;
+    $[160] = t50;
+    $[161] = t52;
+    $[162] = t54;
+    $[163] = t55;
+    $[164] = t56;
+    $[165] = t57;
+    $[166] = t58;
+    $[167] = t59;
+    $[168] = t60;
+    $[169] = t61;
+    $[170] = t62;
+  } else {
+    t62 = $[170];
   }
   var commands = t62;
   var t63;
-  if ($[172] !== id || $[173] !== onAddValueItem) {
+  if ($[171] !== id || $[172] !== onAddValueItem) {
     t63 = function t63(commands_0) {
       return onAddValueItem(id, commands_0);
     };
-    $[172] = id;
-    $[173] = onAddValueItem;
-    $[174] = t63;
+    $[171] = id;
+    $[172] = onAddValueItem;
+    $[173] = t63;
   } else {
-    t63 = $[174];
+    t63 = $[173];
   }
   var t64;
-  if ($[175] !== id || $[176] !== onRemoveValueItem) {
+  if ($[174] !== id || $[175] !== onRemoveValueItem) {
     t64 = function t64() {
       return onRemoveValueItem(id);
     };
-    $[175] = id;
-    $[176] = onRemoveValueItem;
-    $[177] = t64;
+    $[174] = id;
+    $[175] = onRemoveValueItem;
+    $[176] = t64;
   } else {
-    t64 = $[177];
+    t64 = $[176];
   }
   reactHook.useForwardRef(ref, commands, t63, t64);
   var t65;
-  if ($[178] !== getFinalValueRef || $[179] !== multiple || $[180] !== name || $[181] !== onAddItem || $[182] !== onRequestSearchSubmit || $[183] !== onValueChangeByUser || $[184] !== updateValue || $[185] !== valueRef) {
+  if ($[177] !== getFinalValueRef || $[178] !== multiple || $[179] !== name || $[180] !== onAddItem || $[181] !== onRequestSearchSubmit || $[182] !== onValueChangeByUser || $[183] !== updateValue || $[184] !== valueRef) {
     t65 = function t65(componentValue_0, reason, details) {
       var go = function go() {
         var newValue_5 = undefined;
@@ -12249,21 +12251,21 @@ function _temp$m() {
         go();
       }
     };
-    $[178] = getFinalValueRef;
-    $[179] = multiple;
-    $[180] = name;
-    $[181] = onAddItem;
-    $[182] = onRequestSearchSubmit;
-    $[183] = onValueChangeByUser;
-    $[184] = updateValue;
-    $[185] = valueRef;
-    $[186] = t65;
+    $[177] = getFinalValueRef;
+    $[178] = multiple;
+    $[179] = name;
+    $[180] = onAddItem;
+    $[181] = onRequestSearchSubmit;
+    $[182] = onValueChangeByUser;
+    $[183] = updateValue;
+    $[184] = valueRef;
+    $[185] = t65;
   } else {
-    t65 = $[186];
+    t65 = $[185];
   }
   var handleChange = t65;
   var t66;
-  if ($[187] !== getOptionDisabled) {
+  if ($[186] !== getOptionDisabled) {
     t66 = function t66(option) {
       if (getOptionDisabled) {
         return option.disabled || getOptionDisabled(option);
@@ -12271,74 +12273,85 @@ function _temp$m() {
         return !!option.disabled;
       }
     };
-    $[187] = getOptionDisabled;
-    $[188] = t66;
+    $[186] = getOptionDisabled;
+    $[187] = t66;
   } else {
-    t66 = $[188];
+    t66 = $[187];
   }
   var handleGetOptionDisabled = t66;
-  var style;
-  if ($[189] !== hidden || $[190] !== initStyle || $[191] !== width) {
-    style = _objectSpread2({
+  var _style;
+  if ($[188] !== hidden || $[189] !== initStyle || $[190] !== width) {
+    _style = _objectSpread2({
       minWidth: 120
     }, initStyle);
     if (hidden) {
-      style.display = "none";
+      _style.display = "none";
     }
     if (width != null) {
-      style.width = width;
+      _style.width = width;
     }
-    $[189] = hidden;
-    $[190] = initStyle;
-    $[191] = width;
-    $[192] = style;
+    $[188] = hidden;
+    $[189] = initStyle;
+    $[190] = width;
+    $[191] = _style;
   } else {
-    style = $[192];
+    _style = $[191];
   }
+  var style = _style;
   var t67;
-  if ($[193] !== items) {
-    t67 = items || [];
-    $[193] = items;
+  if ($[192] !== componentValue || $[193] !== onGetDisplayValue) {
+    t67 = onGetDisplayValue ? onGetDisplayValue(componentValue) : componentValue;
+    $[192] = componentValue;
+    $[193] = onGetDisplayValue;
     $[194] = t67;
   } else {
     t67 = $[194];
   }
+  var displayValue = t67;
   var t68;
-  if ($[195] !== className) {
-    t68 = classNames(className, "PFormValueItem", "PFormAutocomplete");
-    $[195] = className;
+  if ($[195] !== items) {
+    t68 = items || [];
+    $[195] = items;
     $[196] = t68;
   } else {
     t68 = $[196];
   }
-  var t69 = !width && fullWidth;
-  var t70 = componentValue;
-  var t71 = loading || isOnGetItemLoading;
-  var t72;
-  if ($[197] !== 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);
     };
-    $[197] = handleChange;
-    $[198] = t72;
+    $[199] = handleChange;
+    $[200] = t73;
   } else {
-    t72 = $[198];
+    t73 = $[200];
   }
-  var t73;
-  if ($[199] !== 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);
     };
-    $[199] = onRenderItem;
-    $[200] = t73;
+    $[201] = onRenderItem;
+    $[202] = t74;
   } else {
-    t73 = $[200];
+    t74 = $[202];
   }
-  var t74;
-  if ($[201] === 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 {
@@ -12347,13 +12360,13 @@ function _temp$m() {
         }
       }
     };
-    $[201] = t74;
+    $[203] = t75;
   } else {
-    t74 = $[201];
+    t75 = $[203];
   }
-  var t75;
-  if ($[202] !== multiple || $[203] !== onRenderTag || $[204] !== onRenderValue || $[205] !== size || $[206] !== 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({
@@ -12387,18 +12400,18 @@ function _temp$m() {
         index: 0
       })), onRenderValue(value_6));
     } : undefined;
-    $[202] = multiple;
-    $[203] = onRenderTag;
-    $[204] = onRenderValue;
-    $[205] = size;
-    $[206] = variant;
-    $[207] = t75;
+    $[204] = multiple;
+    $[205] = onRenderTag;
+    $[206] = onRenderValue;
+    $[207] = size;
+    $[208] = variant;
+    $[209] = t76;
   } else {
-    t75 = $[207];
+    t76 = $[209];
   }
-  var t76;
-  if ($[208] !== autoFocus || $[209] !== color || $[210] !== disabled || $[211] !== error || $[212] !== errorHelperText || $[213] !== focused || $[214] !== helperText || $[215] !== isOnGetItemLoading || $[216] !== label || $[217] !== labelIcon || $[218] !== labelShrink || $[219] !== loading || $[220] !== name || $[221] !== onBlurRef || $[222] !== onFocusRef || $[223] !== placeholder || $[224] !== readOnly || $[225] !== required || $[226] !== size || $[227] !== 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), {}, {
@@ -12449,85 +12462,85 @@ function _temp$m() {
         noFormValueItem: true
       }));
     };
-    $[208] = autoFocus;
-    $[209] = color;
-    $[210] = disabled;
-    $[211] = error;
-    $[212] = errorHelperText;
-    $[213] = focused;
-    $[214] = helperText;
-    $[215] = isOnGetItemLoading;
-    $[216] = label;
-    $[217] = labelIcon;
-    $[218] = labelShrink;
-    $[219] = loading;
-    $[220] = name;
-    $[221] = onBlurRef;
-    $[222] = onFocusRef;
-    $[223] = placeholder;
-    $[224] = readOnly;
-    $[225] = required;
-    $[226] = size;
-    $[227] = variant;
-    $[228] = t76;
+    $[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 {
-    t76 = $[228];
+    t77 = $[230];
   }
-  var t77;
-  if ($[229] !== disableClearable || $[230] !== disablePortal || $[231] !== disabled || $[232] !== getLimitTagsText || $[233] !== handleGetOptionDisabled || $[234] !== limitTags || $[235] !== loadingText || $[236] !== multiple || $[237] !== noOptionsText || $[238] !== openOnFocus || $[239] !== readOnly || $[240] !== style || $[241] !== sx || $[242] !== t67 || $[243] !== t68 || $[244] !== t69 || $[245] !== t70 || $[246] !== t71 || $[247] !== t72 || $[248] !== t73 || $[249] !== t75 || $[250] !== 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
     });
-    $[229] = disableClearable;
-    $[230] = disablePortal;
-    $[231] = disabled;
-    $[232] = getLimitTagsText;
-    $[233] = handleGetOptionDisabled;
-    $[234] = limitTags;
-    $[235] = loadingText;
-    $[236] = multiple;
-    $[237] = noOptionsText;
-    $[238] = openOnFocus;
-    $[239] = readOnly;
-    $[240] = style;
-    $[241] = sx;
-    $[242] = t67;
-    $[243] = t68;
-    $[244] = t69;
-    $[245] = t70;
-    $[246] = t71;
-    $[247] = t72;
-    $[248] = t73;
-    $[249] = t75;
-    $[250] = t76;
-    $[251] = t77;
-  } else {
-    t77 = $[251];
+    $[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;