@plesk/ui-library 3.28.0 → 3.28.1

package/cjs/components/Form/Form.js

@@ -52,6 +52,9 @@ class Form extends _react.Component {
       vertical: this.props.vertical || false,
       requiredFields: [],
       formContext: {
+        getValues: () => {
+          return this.state.values;
+        },
         getValue: (name, def) => {
           if (this.state.values) {
             return (0, _utils.getIn)(this.state.values, name, def);

package/cjs/components/FormField/FormField.js

@@ -335,6 +335,13 @@ class FormField extends _react.Component {
         return null;
       },
       getName: () => this.props.name,
+      getValues: () => {
+        if (this.props.form) {
+          return this.props.form.getValues();
+        }
+
+        return null;
+      },
       getValue: def => {
         if (this.props.form && this.props.name) {
           return this.props.form.getValue(this.props.name, def);

package/cjs/components/FormFieldText/FormFieldText.js

@@ -49,6 +49,7 @@ class FormFieldText extends _react.Component {
       autoFocus,
       autoComplete,
       autoheight,
+      inputProps,
       ...props
     } = this.props;
     return /*#__PURE__*/_react.default.createElement(_FormField.default, (0, _extends2.default)({
@@ -61,7 +62,7 @@ class FormFieldText extends _react.Component {
       getValue,
       setValue,
       isDisabled
-    }) => multiline ? /*#__PURE__*/_react.default.createElement(_TextArea.default, {
+    }) => multiline ? /*#__PURE__*/_react.default.createElement(_TextArea.default, (0, _extends2.default)({
       id: getId(),
       name: getName(),
       value: getValue(''),
@@ -73,7 +74,7 @@ class FormFieldText extends _react.Component {
       autoFocus: autoFocus,
       autoComplete: autoComplete,
       autoheight: autoheight
-    }) : /*#__PURE__*/_react.default.createElement(_Input.default, {
+    }, inputProps)) : /*#__PURE__*/_react.default.createElement(_Input.default, (0, _extends2.default)({
       id: getId(),
       name: getName(),
       className: `${baseClassName}__input`,
@@ -84,7 +85,7 @@ class FormFieldText extends _react.Component {
       placeholder: placeholder,
       autoFocus: autoFocus,
       autoComplete: autoComplete
-    }));
+    }, inputProps)));
   }
 
 }
@@ -155,7 +156,13 @@ FormFieldText.propTypes = {
    * Adjust height automatically when multiline option is set to true.
    * @since 1.9.0
    */
-  autoheight: _propTypes.default.bool
+  autoheight: _propTypes.default.bool,
+
+  /**
+   * Props of underlying input element.
+   * @since 3.28.1
+   */
+  inputProps: _propTypes.default.object
 };
 FormFieldText.defaultProps = {
   size: undefined,
@@ -168,7 +175,8 @@ FormFieldText.defaultProps = {
   multi: undefined,
   className: undefined,
   baseClassName: `${_constants.CLS_PREFIX}form-field-text`,
-  autoheight: false
+  autoheight: false,
+  inputProps: undefined
 };
 var _default = FormFieldText;
 exports.default = _default;

package/cjs/components/InputFile/InputFile.js

@@ -29,7 +29,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-// Copyright 1999-2020. Plesk International GmbH. All rights reserved.
+// Copyright 1999-2022. Plesk International GmbH. All rights reserved.
 const generateId = () => Math.random().toString(36).slice(2);
 /**
  * `InputFile` component is used for browsing and choosing a file from the local disk.
@@ -45,6 +45,7 @@ const InputFile = ({
   disabled = false,
   locale,
   testId,
+  accept,
   ...props
 }) => {
   const [file, setFile] = (0, _react.useState)();
@@ -102,7 +103,8 @@ const InputFile = ({
     ref: inputRef,
     "data-test": testId && `${testId}--file-input`,
     onFocus: handleFocus,
-    onBlur: handleBlur
+    onBlur: handleBlur,
+    accept: accept
   }), /*#__PURE__*/_react.default.createElement(_Translate.default, {
     namespace: "InputFile",
     content: "browseButton",

package/cjs/index.js

@@ -54,6 +54,6 @@ Object.keys(_components).forEach(function (key) {
   });
 });
 // Copyright 1999-2018. Plesk International GmbH. All rights reserved.
-const version = "3.28.0";
+const version = "3.28.1";
 exports.version = version;
 (0, _svg4everybody.default)();