@pdg/react-form 1.0.7 → 1.0.9

package/dist/index.esm.js

@@ -4884,7 +4884,7 @@ var FormRadioGroup = React__default.forwardRef(function (_a, ref) {
         }
     }, [readOnly, value, items, name, getFinalValue, onValueChangeByUser, onRequestSearchSubmit]);
     // Render ----------------------------------------------------------------------------------------------------------
-    return (React__default.createElement(FormItemBase, { focused: focused, ref: baseRef, className: classNames$1(className, 'FormValueItem', 'FormRadioGroup'), variant: variant, size: size, color: color, labelIcon: labelIcon, label: label, fullWidth: fullWidth, error: error, helperText: helperText, helperTextProps: { style: { marginLeft: 2 } }, style: style, sx: sx, controlHeight: height || (size === 'small' ? 35 : 39), controlVerticalCenter: true, control: React__default.createElement(React__default.Fragment, null,
+    return (React__default.createElement(FormItemBase, { focused: focused, ref: baseRef, className: classNames$1(className, 'FormValueItem', 'FormRadioGroup'), variant: variant, size: size, color: color, labelIcon: labelIcon, label: label, fullWidth: fullWidth, required: required, error: error, helperText: helperText, helperTextProps: { style: { marginLeft: 2 } }, style: style, sx: sx, controlHeight: height || (size === 'small' ? 35 : 39), controlVerticalCenter: true, control: React__default.createElement(React__default.Fragment, null,
             !fullWidth && !isOnGetItemLoading && !loading && items && (React__default.createElement("div", { ref: resizeWidthDetectorRef, style: {
                     display: 'grid',
                     position: 'absolute',
@@ -5438,7 +5438,7 @@ FormToggleButtonGroup.defaultProps = FormToggleButtonGroupDefaultProps;var FormR
         }
     }, [readOnly, name, getFinalValue, onValueChangeByUser, onRequestSearchSubmit]);
     // Render ----------------------------------------------------------------------------------------------------------
-    return (React__default.createElement(FormItemBase, { variant: variant, size: size, color: color, focused: focused, className: classNames$1(className, 'FormValueItem', 'FormRating'), labelIcon: labelIcon, label: label, error: error, fullWidth: false, helperText: helperText, helperTextProps: { style: { marginLeft: 5 } }, style: style, sx: sx, controlHeight: height || (size === 'small' ? 21 : 26), controlVerticalCenter: true, control: React__default.createElement(Rating, { ref: resizeDetectorRef, size: size === 'medium' ? 'large' : 'medium', name: name, precision: precision, highlightSelectedOnly: highlightSelectedOnly, value: value, disabled: disabled || readOnly, max: max, icon: React__default.createElement(FormIcon, { color: color, fontSize: 'inherit' }, icon ? icon : 'Star'), emptyIcon: React__default.createElement(FormIcon, { fontSize: 'inherit' }, emptyIcon ? emptyIcon : 'StarBorder'), onChange: handleChange, onFocus: function () { return setFocused(initFocused || true); }, onBlur: function () { return setFocused(initFocused || false); } }) }));
+    return (React__default.createElement(FormItemBase, { variant: variant, size: size, color: color, focused: focused, className: classNames$1(className, 'FormValueItem', 'FormRating'), labelIcon: labelIcon, label: label, error: error, fullWidth: false, required: required, helperText: helperText, helperTextProps: { style: { marginLeft: 5 } }, style: style, sx: sx, controlHeight: height || (size === 'small' ? 21 : 26), controlVerticalCenter: true, control: React__default.createElement(Rating, { ref: resizeDetectorRef, size: size === 'medium' ? 'large' : 'medium', name: name, precision: precision, highlightSelectedOnly: highlightSelectedOnly, value: value, disabled: disabled || readOnly, max: max, icon: React__default.createElement(FormIcon, { color: color, fontSize: 'inherit' }, icon ? icon : 'Star'), emptyIcon: React__default.createElement(FormIcon, { fontSize: 'inherit' }, emptyIcon ? emptyIcon : 'StarBorder'), onChange: handleChange, onFocus: function () { return setFocused(initFocused || true); }, onBlur: function () { return setFocused(initFocused || false); } }) }));
 });
 FormRating.displayName = 'FormRating';
 FormRating.defaultProps = FormRatingDefaultProps;var propTypes = {exports: {}};var reactIs = {exports: {}};var reactIs_production_min = {};/** @license React v16.13.1
@@ -14848,7 +14848,7 @@ styleInject(css_248z$5);var PrivateDatePicker = React__default.forwardRef(functi
                                             }
                                         }
                                         textFieldInputRef.current = ref;
-                                    }, variant: variant, size: size, color: color, focused: focused || initFocused, InputLabelProps: textFieldInputLabelProps, InputProps: muiInputProps, inputProps: inputProps, fullWidth: fullWidth, helperText: undefined, error: !!error || !!initError || !!timeError, style: __assign$4(__assign$4({}, style), initStyle), sx: sx, onFocus: function () {
+                                    }, variant: variant, size: size, color: color, focused: focused || initFocused, InputLabelProps: textFieldInputLabelProps, InputProps: muiInputProps, inputProps: inputProps, required: required, fullWidth: fullWidth, helperText: undefined, error: !!error || !!initError || !!timeError, style: __assign$4(__assign$4({}, style), initStyle), sx: sx, onFocus: function () {
                                         setOpen(true);
                                     }, onClick: function () {
                                         setOpen(true);
@@ -16433,7 +16433,41 @@ FormImageFile.defaultProps = FormImageFileDefaultProps;var SearchDefaultProps =
 Search.displayName = 'Search';
 Search.defaultProps = SearchDefaultProps;var SearchGroupDefaultProps = {
     spacing: 1.5,
-};var SearchGroup = function (_a) {
+};var isReactFragment = function (child) {
+    try {
+        return child.type.toString() === React__default.Fragment.toString();
+    }
+    catch (e) {
+        return false;
+    }
+};
+var removeReactFragment = function (el) {
+    if (isReactFragment(el)) {
+        var children = el.props.children;
+        if (children) {
+            if (Array.isArray(children)) {
+                return children.map(function (child) {
+                    if (React__default.isValidElement(child)) {
+                        return removeReactFragment(child);
+                    }
+                    else {
+                        return React__default.createElement(Grid, { item: true }, child);
+                    }
+                });
+            }
+            else {
+                return React__default.createElement(Grid, { item: true }, el);
+            }
+        }
+        else {
+            return React__default.createElement(Grid, { item: true }, el);
+        }
+    }
+    else {
+        return React__default.createElement(Grid, { item: true }, el);
+    }
+};
+var SearchGroup = function (_a) {
     // State -----------------------------------------------------------------------------------------------------------
     var children = _a.children, className = _a.className, style = _a.style, sx = _a.sx, 
     //--------------------------------------------------------------------------------------------------------------------
@@ -16451,8 +16485,13 @@ Search.defaultProps = SearchDefaultProps;var SearchGroupDefaultProps = {
     }, [align]))[0];
     // Render ----------------------------------------------------------------------------------------------------------
     return (React__default.createElement(Grid, { item: true, className: classNames$1(className, 'SearchGroup'), style: { flex: max ? 1 : undefined, display: hidden ? 'none' : undefined } },
-        React__default.createElement(Grid, { container: true, wrap: 'wrap', spacing: spacing, justifyContent: justifyContent, alignItems: 'start', style: style, sx: sx }, React__default.Children.map(children, function (child, idx) {
-            return React__default.isValidElement(child) ? (React__default.createElement(Grid, { key: idx, item: true }, child)) : undefined;
+        React__default.createElement(Grid, { container: true, wrap: 'wrap', spacing: spacing, justifyContent: justifyContent, alignItems: 'start', style: style, sx: sx }, React__default.Children.map(children, function (child) {
+            if (React__default.isValidElement(child)) {
+                return removeReactFragment(child);
+            }
+            else {
+                return child;
+            }
         }))));
 };
 SearchGroup.defaultProps = SearchGroupDefaultProps;var SearchButtonDefaultProps = {};var SearchButton = function (_a) {