@pdg/react-form 1.0.111 → 1.0.112

package/dist/FormCommon/FormLabel/FormLabel.style.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-export declare const IconPdgIcon: import("@emotion/styled").StyledComponent<import("@pdg/react-component").PdgIconProps & import("react").RefAttributes<HTMLSpanElement> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const IconPdgIcon: import("@emotion/styled").StyledComponent<import("@pdg/react-component").PdgIconProps & import("react").RefAttributes<HTMLAnchorElement> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
 export declare const ChildrenSpan: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;

package/dist/index.esm.js

@@ -2276,30 +2276,34 @@ styleInject(css_248z$f);var FormSelect = ToForwardRefExoticComponent(AutoTypeFor
     /********************************************************************************************************************
      * Render
      * ******************************************************************************************************************/
-    var finalValue;
-    if (notEmpty(items)) {
-        finalValue = value;
-    }
-    else {
-        finalValue = multiple ? emptyValue : '';
-    }
-    if (multiple) {
-        if (selectProps.value != null && !Array.isArray(selectProps.value)) {
-            selectProps.value = [selectProps.value];
+    var finalValue = useMemo(function () {
+        var newFinalValue;
+        if (notEmpty(items)) {
+            newFinalValue = value;
         }
-        if (finalValue !== undefined && !Array.isArray(finalValue)) {
-            finalValue = [finalValue];
+        else {
+            newFinalValue = multiple ? emptyValue : '';
         }
-    }
-    else {
-        if (Array.isArray(selectProps.value)) {
-            selectProps.value = selectProps.value[0];
+        selectProps.value = newFinalValue;
+        if (multiple) {
+            if (selectProps.value != null && !Array.isArray(selectProps.value)) {
+                selectProps.value = [selectProps.value];
+            }
+            if (newFinalValue !== undefined && !Array.isArray(newFinalValue)) {
+                newFinalValue = [newFinalValue];
+            }
         }
-        if (Array.isArray(finalValue)) {
-            finalValue = finalValue[0];
+        else {
+            if (Array.isArray(selectProps.value)) {
+                selectProps.value = selectProps.value[0];
+            }
+            if (Array.isArray(newFinalValue)) {
+                newFinalValue = newFinalValue[0];
+            }
+            newFinalValue = ifUndefined(newFinalValue, '');
         }
-        finalValue = ifUndefined(finalValue, '');
-    }
+        return newFinalValue;
+    }, [emptyValue, items, multiple, selectProps, value]);
     return (React.createElement(FormContextProvider, { value: __assign({ fullWidth: formFullWidth, onAddValueItem: handleAddValueItem, 
             // eslint-disable-next-line
             onValueChange: function () { } }, otherFormState) },

package/dist/index.js

@@ -2276,30 +2276,34 @@ styleInject(css_248z$f);var FormSelect = ToForwardRefExoticComponent(AutoTypeFor
     /********************************************************************************************************************
      * Render
      * ******************************************************************************************************************/
-    var finalValue;
-    if (util.notEmpty(items)) {
-        finalValue = value;
-    }
-    else {
-        finalValue = multiple ? emptyValue : '';
-    }
-    if (multiple) {
-        if (selectProps.value != null && !Array.isArray(selectProps.value)) {
-            selectProps.value = [selectProps.value];
+    var finalValue = React.useMemo(function () {
+        var newFinalValue;
+        if (util.notEmpty(items)) {
+            newFinalValue = value;
         }
-        if (finalValue !== undefined && !Array.isArray(finalValue)) {
-            finalValue = [finalValue];
+        else {
+            newFinalValue = multiple ? emptyValue : '';
         }
-    }
-    else {
-        if (Array.isArray(selectProps.value)) {
-            selectProps.value = selectProps.value[0];
+        selectProps.value = newFinalValue;
+        if (multiple) {
+            if (selectProps.value != null && !Array.isArray(selectProps.value)) {
+                selectProps.value = [selectProps.value];
+            }
+            if (newFinalValue !== undefined && !Array.isArray(newFinalValue)) {
+                newFinalValue = [newFinalValue];
+            }
         }
-        if (Array.isArray(finalValue)) {
-            finalValue = finalValue[0];
+        else {
+            if (Array.isArray(selectProps.value)) {
+                selectProps.value = selectProps.value[0];
+            }
+            if (Array.isArray(newFinalValue)) {
+                newFinalValue = newFinalValue[0];
+            }
+            newFinalValue = util.ifUndefined(newFinalValue, '');
         }
-        finalValue = util.ifUndefined(finalValue, '');
-    }
+        return newFinalValue;
+    }, [emptyValue, items, multiple, selectProps, value]);
     return (React.createElement(FormContextProvider, { value: __assign({ fullWidth: formFullWidth, onAddValueItem: handleAddValueItem, 
             // eslint-disable-next-line
             onValueChange: function () { } }, otherFormState) },

package/package.json

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