@plesk/ui-library 3.31.3 → 3.32.0

package/esm/components/FormFieldCheckbox/FormFieldCheckbox.js

@@ -1,4 +1,3 @@
-import _extends from "@babel/runtime/helpers/extends";
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
 
 import React, { Fragment } from 'react';
@@ -7,6 +6,9 @@ import classNames from 'classnames';
 import { CLS_PREFIX } from '../../constants';
 import Checkbox from '../Checkbox';
 import FormField from '../FormField';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 /**
  * `FormFieldCheckbox` component component is used for turning an option on or off
  * and selecting or deselecting an item.
@@ -24,36 +26,43 @@ const FormFieldCheckbox = _ref => {
     multi,
     ...props
   } = _ref;
-  return /*#__PURE__*/React.createElement(FormField, _extends({
+  return /*#__PURE__*/_jsx(FormField, {
     className: classNames(baseClassName, className),
     label: null,
-    required: required
-  }, props), _ref2 => {
-    let {
-      getId,
-      getName,
-      getValue,
-      setValue,
-      getRequiredMark,
-      getFullDescription,
-      isDisabled
-    } = _ref2;
-    return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("input", {
-      type: "hidden",
-      name: getName(),
-      value: uncheckedValue
-    }), /*#__PURE__*/React.createElement(Checkbox, {
-      checked: getValue() === checkedValue,
-      onChange: checked => setValue(checked ? checkedValue : uncheckedValue),
-      inputProps: {
-        id: getId(),
-        name: getName(),
-        value: checkedValue,
-        autoFocus
-      },
-      disabled: isDisabled(),
-      rightAddon: /*#__PURE__*/React.createElement(React.Fragment, null, getFullDescription(), required ? getRequiredMark() : null)
-    }, label));
+    required: required,
+    ...props,
+    children: _ref2 => {
+      let {
+        getId,
+        getName,
+        getValue,
+        setValue,
+        getRequiredMark,
+        getFullDescription,
+        isDisabled
+      } = _ref2;
+      return /*#__PURE__*/_jsxs(Fragment, {
+        children: [/*#__PURE__*/_jsx("input", {
+          type: "hidden",
+          name: getName(),
+          value: uncheckedValue
+        }), /*#__PURE__*/_jsx(Checkbox, {
+          checked: getValue() === checkedValue,
+          onChange: checked => setValue(checked ? checkedValue : uncheckedValue),
+          inputProps: {
+            id: getId(),
+            name: getName(),
+            value: checkedValue,
+            autoFocus
+          },
+          disabled: isDisabled(),
+          rightAddon: /*#__PURE__*/_jsxs(_Fragment, {
+            children: [getFullDescription(), required ? getRequiredMark() : null]
+          }),
+          children: label
+        })]
+      });
+    }
   });
 };
 FormFieldCheckbox.propTypes = {

package/esm/components/FormFieldCheckbox/FormFieldCheckbox.stories.js

@@ -1,14 +1,20 @@
 // Copyright 1999-2021. Plesk International GmbH. All rights reserved.
 
-import React from 'react';
 import Form from '../Form';
 import FormFieldCheckbox from './FormFieldCheckbox';
-export const Basic = args => /*#__PURE__*/React.createElement(Form, null, /*#__PURE__*/React.createElement(FormFieldCheckbox, args));
+import { jsx as _jsx } from "react/jsx-runtime";
+export const Basic = args => /*#__PURE__*/_jsx(Form, {
+  children: /*#__PURE__*/_jsx(FormFieldCheckbox, {
+    ...args
+  })
+});
 Basic.args = {
   name: 'name',
   label: 'Lorem ipsum dolor sit amet.'
 };
-export const WithFullDescription = args => /*#__PURE__*/React.createElement(Basic, args);
+export const WithFullDescription = args => /*#__PURE__*/_jsx(Basic, {
+  ...args
+});
 WithFullDescription.args = {
   ...Basic.args,
   label: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ac justo sed neque interdum varius. Aenean sollicitudin placerat orci, quis viverra libero mattis a. Morbi ac erat sed elit ullamcorper laoreet sed eget tortor. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.',

package/esm/components/FormFieldPassword/FormFieldPassword.js

@@ -1,8 +1,7 @@
-import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 // Copyright 1999-2022. Plesk International GmbH. All rights reserved.
 
-import React, { Component, Fragment, createRef } from 'react';
+import { Component, Fragment, createRef } from 'react';
 import classNames from 'classnames';
 import { CLS_PREFIX } from '../../constants';
 import Button from '../Button';
@@ -12,6 +11,8 @@ import Translate from '../Translate';
 import PasswordMeter from './PasswordMeter';
 import generatePassword from './generatePassword';
 import locale from './locale/en-US';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 /**
  * `FormFieldPassword` component provides secure way to enter a password.
  * @since 0.0.58
@@ -53,12 +54,12 @@ class FormFieldPassword extends Component {
     const generateButtonProps = {
       className: `${baseClassName}__button--generate`,
       onClick: () => setValue(generatePassword()),
-      tooltip: /*#__PURE__*/React.createElement(Translate, {
+      tooltip: /*#__PURE__*/_jsx(Translate, {
         content: "FormFieldPassword.generateButtonHint",
         fallback: locale.generateButtonHint
       }),
       disabled: isDisabled(),
-      children: /*#__PURE__*/React.createElement(Translate, {
+      children: /*#__PURE__*/_jsx(Translate, {
         content: "FormFieldPassword.generateButton",
         fallback: locale.generateButton
       })
@@ -67,9 +68,13 @@ class FormFieldPassword extends Component {
     if (typeof generateButton === 'function') {
       button = generateButton(generateButtonProps);
     } else {
-      button = /*#__PURE__*/React.createElement(Button, generateButtonProps);
+      button = /*#__PURE__*/_jsx(Button, {
+        ...generateButtonProps
+      });
     }
-    return /*#__PURE__*/React.createElement(Fragment, null, ` `, button);
+    return /*#__PURE__*/_jsxs(Fragment, {
+      children: [` `, button]
+    });
   }
   render() {
     const {
@@ -89,65 +94,71 @@ class FormFieldPassword extends Component {
       visible,
       passwordMeterVisible
     } = this.state;
-    return /*#__PURE__*/React.createElement(FormField, _extends({
-      className: classNames(baseClassName, className)
-    }, props), _ref3 => {
-      let {
-        getId,
-        getName,
-        getValue,
-        setValue,
-        isDisabled
-      } = _ref3;
-      const value = getValue('');
-      const input = /*#__PURE__*/React.createElement(Input, {
-        id: getId(),
-        name: getName(),
-        type: visible ? 'text' : 'password',
-        value: value,
-        onChange: e => {
-          setValue(e.target.value);
-          this.setState({
-            passwordMeterVisible: true
-          });
-        },
-        onBlur: this.handleBlur,
-        autoFocus: autoFocus,
-        autoComplete: autoComplete,
-        className: `${baseClassName}__input`,
-        size: size,
-        suffix: hideShowButton ? null : /*#__PURE__*/React.createElement(Button, {
-          className: `${baseClassName}__button--show`,
-          onClick: this.handleToggleClick,
-          icon: visible ? 'visible' : 'invisible',
-          tooltip: visible ? /*#__PURE__*/React.createElement(Translate, {
-            content: "FormFieldPassword.hidePassword",
-            fallback: locale.hidePassword
-          }) : /*#__PURE__*/React.createElement(Translate, {
-            content: "FormFieldPassword.showPassword",
-            fallback: locale.showPassword
+    return /*#__PURE__*/_jsx(FormField, {
+      className: classNames(baseClassName, className),
+      ...props,
+      children: _ref3 => {
+        let {
+          getId,
+          getName,
+          getValue,
+          setValue,
+          isDisabled
+        } = _ref3;
+        const value = getValue('');
+        const input = /*#__PURE__*/_jsx(Input, {
+          id: getId(),
+          name: getName(),
+          type: visible ? 'text' : 'password',
+          value: value,
+          onChange: e => {
+            setValue(e.target.value);
+            this.setState({
+              passwordMeterVisible: true
+            });
+          },
+          onBlur: this.handleBlur,
+          autoFocus: autoFocus,
+          autoComplete: autoComplete,
+          className: `${baseClassName}__input`,
+          size: size,
+          suffix: hideShowButton ? null : /*#__PURE__*/_jsx(Button, {
+            className: `${baseClassName}__button--show`,
+            onClick: this.handleToggleClick,
+            icon: visible ? 'visible' : 'invisible',
+            tooltip: visible ? /*#__PURE__*/_jsx(Translate, {
+              content: "FormFieldPassword.hidePassword",
+              fallback: locale.hidePassword
+            }) : /*#__PURE__*/_jsx(Translate, {
+              content: "FormFieldPassword.showPassword",
+              fallback: locale.showPassword
+            }),
+            ghost: true,
+            disabled: isDisabled()
           }),
-          ghost: true,
-          disabled: isDisabled()
-        }),
-        disabled: isDisabled(),
-        rootProps: {
-          ref: this.targetRef
-        }
-      });
-      return /*#__PURE__*/React.createElement("div", {
-        className: classNames(`${baseClassName}__control`, `${baseClassName}__control--${size}`)
-      }, /*#__PURE__*/React.createElement("div", {
-        className: classNames(`${baseClassName}__field`, `${baseClassName}__field--${size}`)
-      }, hidePasswordMeter ? input : /*#__PURE__*/React.createElement(PasswordMeter, _extends({
-        value: value,
-        targetRef: this.targetRef,
-        visible: passwordMeterVisible && value !== '',
-        onClose: this.handleClosePasswordMeter
-      }, passwordMeterProps), input)), hideGenerateButton ? null : this.renderGenerateButton({
-        setValue,
-        isDisabled
-      }));
+          disabled: isDisabled(),
+          rootProps: {
+            ref: this.targetRef
+          }
+        });
+        return /*#__PURE__*/_jsxs("div", {
+          className: classNames(`${baseClassName}__control`, `${baseClassName}__control--${size}`),
+          children: [/*#__PURE__*/_jsx("div", {
+            className: classNames(`${baseClassName}__field`, `${baseClassName}__field--${size}`),
+            children: hidePasswordMeter ? input : /*#__PURE__*/_jsx(PasswordMeter, {
+              value: value,
+              targetRef: this.targetRef,
+              visible: passwordMeterVisible && value !== '',
+              onClose: this.handleClosePasswordMeter,
+              ...passwordMeterProps,
+              children: input
+            })
+          }), hideGenerateButton ? null : this.renderGenerateButton({
+            setValue,
+            isDisabled
+          })]
+        });
+      }
     });
   }
 }

package/esm/components/FormFieldPassword/PasswordMeter.js

@@ -1,11 +1,13 @@
-import _extends from "@babel/runtime/helpers/extends";
 // Copyright 1999-2022. Plesk International GmbH. All rights reserved.
 
-import React, { Fragment, useState, useEffect } from 'react';
+import { useState, useEffect } from 'react';
 import Popover from '../Popover';
 import Translate from '../Translate';
 import estimatePassword, { DEFAULT_RULES } from './estimatePassword';
 import locale from './locale/en-US';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 const strengthIntents = {
   VeryWeak: 'danger',
   Weak: 'danger',
@@ -30,31 +32,42 @@ const PasswordMeter = _ref => {
       setResult(result);
     });
   }, [visible, value, onEstimate]);
-  return /*#__PURE__*/React.createElement(Popover, _extends({
+  return /*#__PURE__*/_jsxs(Popover, {
     visible: visible && result !== null,
     target: children,
     placement: "bottom-right",
     intent: result ? strengthIntents[result.strength] : undefined,
     canCloseOnOutsideClick: false,
-    canCloseOnEscapePress: false
-  }, props), result?.strength ? /*#__PURE__*/React.createElement(Translate, {
-    component: "div",
-    content: "FormFieldPassword.passwordStrength",
-    fallback: locale.passwordStrength,
-    params: {
-      strength: /*#__PURE__*/React.createElement("b", null, /*#__PURE__*/React.createElement(Translate, {
-        content: `FormFieldPassword.strength${result?.strength}`,
-        fallback: locale[`strength${result?.strength}`]
-      }))
-    }
-  }) : null, result?.suggestions.length ? /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(Translate, {
-    content: "FormFieldPassword.improvePassword",
-    fallback: locale.improvePassword
-  }), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("ul", null, result.suggestions.slice(0, 3).map((suggestion, index) => /*#__PURE__*/React.createElement("li", {
-    key: index.toString()
-  }, suggestion)))) : /*#__PURE__*/React.createElement(Translate, {
-    content: "FormFieldPassword.yourPasswordIsStrong",
-    fallback: locale.yourPasswordIsStrong
-  }));
+    canCloseOnEscapePress: false,
+    ...props,
+    children: [result?.strength ? /*#__PURE__*/_jsx(Translate, {
+      component: "div",
+      content: "FormFieldPassword.passwordStrength",
+      fallback: locale.passwordStrength,
+      params: {
+        strength: /*#__PURE__*/_jsx("b", {
+          children: /*#__PURE__*/_jsx(Translate, {
+            content: `FormFieldPassword.strength${result?.strength}`,
+            fallback: locale[`strength${result?.strength}`]
+          })
+        })
+      }
+    }) : null, result?.suggestions.length ? /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsx(Translate, {
+        content: "FormFieldPassword.improvePassword",
+        fallback: locale.improvePassword
+      }), /*#__PURE__*/_jsx("br", {}), /*#__PURE__*/_jsx("ul", {
+        children: result.suggestions.slice(0, 3).map((suggestion, index) =>
+        /*#__PURE__*/
+        // eslint-disable-next-line react/no-array-index-key
+        _jsx("li", {
+          children: suggestion
+        }, index.toString()))
+      })]
+    }) : /*#__PURE__*/_jsx(Translate, {
+      content: "FormFieldPassword.yourPasswordIsStrong",
+      fallback: locale.yourPasswordIsStrong
+    })]
+  });
 };
 export default PasswordMeter;

package/esm/components/FormFieldPassword/estimatePassword.js

@@ -1,8 +1,8 @@
 // Copyright 1999-2022. Plesk International GmbH. All rights reserved.
 
-import React from 'react';
 import Translate from '../Translate';
 import locale from './locale/en-US';
+import { jsx as _jsx } from "react/jsx-runtime";
 const EXCLUSIONS = {
   numbers1: 'numbers3',
   specialChar1: 'specialChar2',
@@ -11,7 +11,7 @@ const EXCLUSIONS = {
 };
 export const DEFAULT_RULES = [{
   name: 'passwordTooShort',
-  suggestion: /*#__PURE__*/React.createElement(Translate, {
+  suggestion: /*#__PURE__*/_jsx(Translate, {
     content: `FormFieldPassword.passwordTooShort`,
     fallback: locale.passwordTooShort
   }),
@@ -34,7 +34,7 @@ export const DEFAULT_RULES = [{
   }
 }, {
   name: 'lettersLowerCase',
-  suggestion: /*#__PURE__*/React.createElement(Translate, {
+  suggestion: /*#__PURE__*/_jsx(Translate, {
     content: `FormFieldPassword.lettersLowerCase`,
     fallback: locale.lettersLowerCase
   }),
@@ -44,7 +44,7 @@ export const DEFAULT_RULES = [{
   }
 }, {
   name: 'lettersUpperCase',
-  suggestion: /*#__PURE__*/React.createElement(Translate, {
+  suggestion: /*#__PURE__*/_jsx(Translate, {
     content: `FormFieldPassword.lettersUpperCase`,
     fallback: locale.lettersUpperCase
   }),
@@ -54,7 +54,7 @@ export const DEFAULT_RULES = [{
   }
 }, {
   name: 'numbers1',
-  suggestion: /*#__PURE__*/React.createElement(Translate, {
+  suggestion: /*#__PURE__*/_jsx(Translate, {
     content: `FormFieldPassword.numbers1`,
     fallback: locale.numbers1
   }),
@@ -64,7 +64,7 @@ export const DEFAULT_RULES = [{
   }
 }, {
   name: 'numbers3',
-  suggestion: /*#__PURE__*/React.createElement(Translate, {
+  suggestion: /*#__PURE__*/_jsx(Translate, {
     content: `FormFieldPassword.numbers3`,
     fallback: locale.numbers3
   }),
@@ -74,7 +74,7 @@ export const DEFAULT_RULES = [{
   }
 }, {
   name: 'specialChar1',
-  suggestion: /*#__PURE__*/React.createElement(Translate, {
+  suggestion: /*#__PURE__*/_jsx(Translate, {
     content: `FormFieldPassword.specialChar1`,
     fallback: locale.specialChar1
   }),
@@ -84,7 +84,7 @@ export const DEFAULT_RULES = [{
   }
 }, {
   name: 'specialChar2',
-  suggestion: /*#__PURE__*/React.createElement(Translate, {
+  suggestion: /*#__PURE__*/_jsx(Translate, {
     content: `FormFieldPassword.specialChar2`,
     fallback: locale.specialChar2
   }),
@@ -94,7 +94,7 @@ export const DEFAULT_RULES = [{
   }
 }, {
   name: 'comboUpperAndLower',
-  suggestion: /*#__PURE__*/React.createElement(Translate, {
+  suggestion: /*#__PURE__*/_jsx(Translate, {
     content: `FormFieldPassword.comboUpperAndLower`,
     fallback: locale.comboUpperAndLower
   }),
@@ -104,7 +104,7 @@ export const DEFAULT_RULES = [{
   }
 }, {
   name: 'comboLettersAndNumbers',
-  suggestion: /*#__PURE__*/React.createElement(Translate, {
+  suggestion: /*#__PURE__*/_jsx(Translate, {
     content: `FormFieldPassword.comboLettersAndNumbers`,
     fallback: locale.comboLettersAndNumbers
   }),
@@ -114,7 +114,7 @@ export const DEFAULT_RULES = [{
   }
 }, {
   name: 'comboLettersNumbersSpecial',
-  suggestion: /*#__PURE__*/React.createElement(Translate, {
+  suggestion: /*#__PURE__*/_jsx(Translate, {
     content: `FormFieldPassword.comboLettersNumbersSpecial`,
     fallback: locale.comboLettersNumbersSpecial
   }),

package/esm/components/FormFieldRadioButtons/FormFieldRadioButtons.js

@@ -1,6 +1,4 @@
-import _extends from "@babel/runtime/helpers/extends";
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
-/* eslint-disable react/prefer-stateless-function */
 
 import React, { cloneElement, Component } from 'react';
 import PropTypes from 'prop-types';
@@ -9,6 +7,8 @@ import { CLS_PREFIX } from '../../constants';
 import FormField from '../FormField';
 import Hint from '../Hint';
 import Radio from '../Radio';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 /**
  * `FormFieldRadioButtons` is used for making a choice among a set of mutually exclusive, related options. Only one option can be chosen.
  * @since 0.2.0
@@ -23,56 +23,61 @@ class FormFieldRadioButtons extends Component {
       multi,
       ...props
     } = this.props;
-    return /*#__PURE__*/React.createElement(FormField, _extends({
-      className: classNames(baseClassName, className)
-    }, props), _ref => {
-      let {
-        getId,
-        getName,
-        getValue,
-        setValue,
-        isDisabled
-      } = _ref;
-      return options.map((_ref2, index) => {
+    return /*#__PURE__*/_jsx(FormField, {
+      className: classNames(baseClassName, className),
+      ...props,
+      children: _ref => {
         let {
-          value,
-          label,
-          description,
-          disabled,
-          indentFields = []
-        } = _ref2;
-        return /*#__PURE__*/React.createElement("div", {
-          className: `${baseClassName}__radio`,
-          key: value
-        }, /*#__PURE__*/React.createElement(Radio, {
-          name: getName(),
-          checked: getValue() === value,
-          onChange: isChecked => {
-            if (isChecked) {
-              setValue(value);
-            }
-          },
-          disabled: isDisabled() || disabled,
-          inputProps: {
-            id: getId() ? `${getId()}-${value}` : null,
-            name: getName(),
+          getId,
+          getName,
+          getValue,
+          setValue,
+          isDisabled
+        } = _ref;
+        return options.map((_ref2, index) => {
+          let {
             value,
-            autoFocus: index === 0 && autoFocus ? true : undefined
-          }
-        }, label || value), description || indentFields ? /*#__PURE__*/React.createElement("div", {
-          className: `${baseClassName}__content`
-        }, description && /*#__PURE__*/React.createElement(Hint, {
-          component: "div",
-          className: `${FormField.defaultProps.baseClassName}__description`
-        }, description), indentFields.map(field => {
-          if (isDisabled() || disabled || getValue() !== value) {
-            return /*#__PURE__*/cloneElement(field, {
-              disabled: true
-            });
-          }
-          return field;
-        })) : null);
-      });
+            label,
+            description,
+            disabled,
+            indentFields = []
+          } = _ref2;
+          return /*#__PURE__*/_jsxs("div", {
+            className: `${baseClassName}__radio`,
+            children: [/*#__PURE__*/_jsx(Radio, {
+              name: getName(),
+              checked: getValue() === value,
+              onChange: isChecked => {
+                if (isChecked) {
+                  setValue(value);
+                }
+              },
+              disabled: isDisabled() || disabled,
+              inputProps: {
+                id: getId() ? `${getId()}-${value}` : null,
+                name: getName(),
+                value,
+                autoFocus: index === 0 && autoFocus ? true : undefined
+              },
+              children: label || value
+            }), description || indentFields ? /*#__PURE__*/_jsxs("div", {
+              className: `${baseClassName}__content`,
+              children: [description && /*#__PURE__*/_jsx(Hint, {
+                component: "div",
+                className: `${FormField.defaultProps.baseClassName}__description`,
+                children: description
+              }), indentFields.map(field => {
+                if (isDisabled() || disabled || getValue() !== value) {
+                  return /*#__PURE__*/cloneElement(field, {
+                    disabled: true
+                  });
+                }
+                return field;
+              })]
+            }) : null]
+          }, value);
+        });
+      }
     });
   }
 }

package/esm/components/FormFieldSelect/FormFieldSelect.js

@@ -1,11 +1,10 @@
-import _extends from "@babel/runtime/helpers/extends";
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
 
-import React from 'react';
 import classNames from 'classnames';
 import { CLS_PREFIX } from '../../constants';
 import FormField from '../FormField';
 import Select from '../Select';
+import { jsx as _jsx } from "react/jsx-runtime";
 /**
  * `FormFieldSelect` componentis is used for making a choice among a set of related options.
  * See description of `Select` for [the full list of properties](#!/Select) of this component.
@@ -23,28 +22,31 @@ const FormFieldSelect = _ref => {
     placeholder,
     ...props
   } = _ref;
-  return /*#__PURE__*/React.createElement(FormField, _extends({
-    className: classNames(baseClassName, className)
-  }, props), _ref2 => {
-    let {
-      getId,
-      getName,
-      setValue,
-      getValue,
-      isDisabled
-    } = _ref2;
-    return /*#__PURE__*/React.createElement(Select, {
-      size: size,
-      id: getId(),
-      name: getName(),
-      value: getValue(multiple ? [] : undefined),
-      onChange: setValue,
-      disabled: isDisabled(),
-      searchable: searchable,
-      clearable: clearable,
-      multiple: multiple,
-      placeholder: placeholder
-    }, children);
+  return /*#__PURE__*/_jsx(FormField, {
+    className: classNames(baseClassName, className),
+    ...props,
+    children: _ref2 => {
+      let {
+        getId,
+        getName,
+        setValue,
+        getValue,
+        isDisabled
+      } = _ref2;
+      return /*#__PURE__*/_jsx(Select, {
+        size: size,
+        id: getId(),
+        name: getName(),
+        value: getValue(multiple ? [] : undefined),
+        onChange: setValue,
+        disabled: isDisabled(),
+        searchable: searchable,
+        clearable: clearable,
+        multiple: multiple,
+        placeholder: placeholder,
+        children: children
+      });
+    }
   });
 };
 export default FormFieldSelect;