@portnet/ui 0.0.30 → 0.0.32

package/dist/components/inputs/PuiAutocomplete.js

@@ -205,6 +205,12 @@ const PuiFormikAutocomplete = /*#__PURE__*/React.forwardRef((_ref3, ref) => {
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [value]);
+  React.useEffect(() => {
+    if (!Boolean(field.value)) {
+      setSelectedOption(null);
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [field.value]);
   React.useEffect(() => {
     if (!Boolean(selectedOption) && field.value !== undefined && options !== undefined) {
       let option;

package/dist/components/inputs/PuiFileField.js

@@ -15,7 +15,7 @@ var React = _interopRequireWildcard(require("react"));
 var _PuiButton = _interopRequireDefault(require("../buttons/PuiButton"));
 var _StyledMuiTextField = _interopRequireDefault(require("../common/StyledMuiTextField"));
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["id", "className", "sx", "name", "label", "buttonText", "error", "disabled", "helperText", "focused", "fullWidth", "InputProps", "required", "accept", "multiple", "formatValue", "onChange"],
+const _excluded = ["id", "className", "sx", "name", "label", "fileDescription", "buttonText", "error", "disabled", "helperText", "focused", "fullWidth", "InputProps", "required", "accept", "multiple", "formatValue", "onChange"],
   _excluded2 = ["id", "className", "sx", "name", "label", "buttonText", "error", "helperText", "disabled", "focused", "fullWidth", "InputProps", "required", "accept", "multiple", "formatValue", "onChange"],
   _excluded3 = ["formik", "id", "className", "sx", "name", "label", "buttonText", "error", "disabled", "helperText", "focused", "fullWidth", "InputProps", "required", "accept", "multiple", "formatValue", "onChange"];
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -52,6 +52,7 @@ const PuiStandardFileField = /*#__PURE__*/React.forwardRef((_ref, ref) => {
       sx,
       name,
       label,
+      fileDescription,
       buttonText,
       error,
       disabled,
@@ -67,14 +68,14 @@ const PuiStandardFileField = /*#__PURE__*/React.forwardRef((_ref, ref) => {
     } = _ref,
     rest = _objectWithoutProperties(_ref, _excluded);
   const fileInputRef = React.useRef();
-  const [fileDescription, setFileDecription] = React.useState("");
+  const [innerFileDescription, setInnerFileDecription] = React.useState("");
   const fileChangeHandler = async event => {
     const files = event.target.files;
     const filesCount = files.length;
     if (filesCount > 1) {
-      setFileDecription("".concat(filesCount, " Fichiers charg\xE9es"));
+      setInnerFileDecription("".concat(filesCount, " Fichiers charg\xE9es"));
     } else {
-      setFileDecription(files[0].name);
+      setInnerFileDecription(files[0].name);
     }
     onChange(files);
   };
@@ -85,7 +86,7 @@ const PuiStandardFileField = /*#__PURE__*/React.forwardRef((_ref, ref) => {
       className: className,
       sx: sx,
       label: label,
-      value: fileDescription,
+      value: fileDescription !== null && fileDescription !== void 0 ? fileDescription : innerFileDescription,
       required: required,
       disabled: disabled,
       type: "text",
@@ -139,16 +140,29 @@ const PuiFormikFileField = /*#__PURE__*/React.forwardRef((_ref2, ref) => {
       onChange
     } = _ref2,
     rest = _objectWithoutProperties(_ref2, _excluded2);
-  const [, meta] = (0, _formik.useField)(name);
+  const [field, meta] = (0, _formik.useField)(name);
   const [hasError, setHasError] = React.useState(false);
+  const [fileDescription, setFileDecription] = React.useState("");
   const formikContext = (0, _formik.useFormikContext)();
   const handleChange = files => {
+    const filesCount = files.length;
+    if (filesCount > 1) {
+      setFileDecription("".concat(filesCount, " Fichiers charg\xE9es"));
+    } else {
+      setFileDecription(files[0].name);
+    }
     formikContext.setFieldValue(name, formatValue(files));
     onChange(files);
   };
   React.useEffect(() => {
     setHasError(Boolean(name) && Boolean(meta) && Boolean(meta.touched) && Boolean(meta.error));
   }, [name, meta]);
+  React.useEffect(() => {
+    if (!Boolean(field.value)) {
+      setFileDecription("");
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [field.value]);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(PuiStandardFileField, _objectSpread({
     id: id,
     ref: ref,
@@ -156,6 +170,7 @@ const PuiFormikFileField = /*#__PURE__*/React.forwardRef((_ref2, ref) => {
     sx: sx,
     name: name,
     label: label,
+    fileDescription: fileDescription,
     buttonText: buttonText,
     disabled: disabled,
     error: error || hasError,

package/dist/components/ui/pages/general/PuiSearchPage.js

@@ -108,7 +108,8 @@ const PuiSearchPage = _ref3 => {
         marginBottom: 2
       },
       children: /*#__PURE__*/React.createElement(formik ? PuiFormikSearchPageContainer : PuiStandardSearchPageContainer, _objectSpread(_objectSpread({
-        innerRef: formRef
+        innerRef: formRef,
+        initialValues: {}
       }, formikProps), {}, {
         actions: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_PuiGrid.default, {
           container: true,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@portnet/ui",
-  "version": "0.0.30",
+  "version": "0.0.32",
   "description": "Portnet UI",
   "keywords": [
     "react",