@panneau/field-resource-item 3.0.158 → 3.0.160

package/es/index.js

@@ -6,7 +6,7 @@ import classNames from 'classnames';
 import isArray from 'lodash/isArray';
 import isEmpty from 'lodash/isEmpty';
 import PropTypes from 'prop-types';
-import React, { useMemo, useState, useCallback } from 'react';
+import React, { useMemo, useState, useCallback, useEffect } from 'react';
 import { useIntl, FormattedMessage } from 'react-intl';
 import { PropTypes as PropTypes$1 } from '@panneau/core';
 import { usePanneauResource } from '@panneau/core/contexts';
@@ -168,20 +168,32 @@ var ResourceItemField = function ResourceItemField(_ref) {
     _useState14 = _slicedToArray(_useState13, 2),
     inputTextValue = _useState14[0],
     setInputTextValue = _useState14[1];
+  var _useState15 = useState(''),
+    _useState16 = _slicedToArray(_useState15, 2),
+    queryTextValue = _useState16[0],
+    setQueryTextValue = _useState16[1];
   var onInputChange = useCallback(function (textValue) {
     setInputTextValue(textValue);
     setPage(defaultPage);
   }, [setInputTextValue, setPage, defaultPage]);
+  useEffect(function () {
+    var id = setTimeout(function () {
+      setQueryTextValue(inputTextValue);
+    }, 500);
+    return function () {
+      clearTimeout(id);
+    };
+  }, [inputTextValue, setQueryTextValue]);
   var queryResource = useMemo(function () {
     return {
       id: resourceId
     };
   }, [resourceId]);
   var finalQuery = useMemo(function () {
-    return _objectSpread(_objectSpread(_objectSpread({}, query), !isEmpty(inputTextValue) ? _defineProperty({}, searchParamName, inputTextValue) : null), {}, {
+    return _objectSpread(_objectSpread(_objectSpread({}, query), !isEmpty(queryTextValue) ? _defineProperty({}, searchParamName, queryTextValue) : null), {}, {
       paginated: paginated
     });
-  }, [inputTextValue, paginated]);
+  }, [queryTextValue, paginated]);
   var resourceItems = useResourceItems(queryResource, finalQuery, paginated ? page : null, paginated ? count : null, resourceOptions);
   var _ref3 = resourceItems || {},
     _ref3$allItems = _ref3.allItems,

package/lib/index.js

@@ -172,20 +172,32 @@ var ResourceItemField = function ResourceItemField(_ref) {
     _useState14 = _slicedToArray(_useState13, 2),
     inputTextValue = _useState14[0],
     setInputTextValue = _useState14[1];
+  var _useState15 = React.useState(''),
+    _useState16 = _slicedToArray(_useState15, 2),
+    queryTextValue = _useState16[0],
+    setQueryTextValue = _useState16[1];
   var onInputChange = React.useCallback(function (textValue) {
     setInputTextValue(textValue);
     setPage(defaultPage);
   }, [setInputTextValue, setPage, defaultPage]);
+  React.useEffect(function () {
+    var id = setTimeout(function () {
+      setQueryTextValue(inputTextValue);
+    }, 500);
+    return function () {
+      clearTimeout(id);
+    };
+  }, [inputTextValue, setQueryTextValue]);
   var queryResource = React.useMemo(function () {
     return {
       id: resourceId
     };
   }, [resourceId]);
   var finalQuery = React.useMemo(function () {
-    return _objectSpread(_objectSpread(_objectSpread({}, query), !isEmpty(inputTextValue) ? _defineProperty({}, searchParamName, inputTextValue) : null), {}, {
+    return _objectSpread(_objectSpread(_objectSpread({}, query), !isEmpty(queryTextValue) ? _defineProperty({}, searchParamName, queryTextValue) : null), {}, {
       paginated: paginated
     });
-  }, [inputTextValue, paginated]);
+  }, [queryTextValue, paginated]);
   var resourceItems = data.useResourceItems(queryResource, finalQuery, paginated ? page : null, paginated ? count : null, resourceOptions);
   var _ref3 = resourceItems || {},
     _ref3$allItems = _ref3.allItems,

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@panneau/field-resource-item",
-    "version": "3.0.158",
+    "version": "3.0.160",
     "description": "An item mapping a resource",
     "keywords": [
         "javascript"
@@ -46,16 +46,16 @@
     },
     "dependencies": {
         "@babel/runtime": "^7.12.5",
-        "@panneau/core": "^3.0.158",
-        "@panneau/data": "^3.0.158",
-        "@panneau/element-button": "^3.0.158",
-        "@panneau/element-resource-card": "^3.0.158",
-        "@panneau/element-select": "^3.0.158",
-        "@panneau/form-resource": "^3.0.158",
-        "@panneau/intl": "^3.0.158",
-        "@panneau/modal-dialog": "^3.0.158",
-        "@panneau/modal-resource-form": "^3.0.158",
-        "@panneau/modal-resource-items": "^3.0.158",
+        "@panneau/core": "^3.0.160",
+        "@panneau/data": "^3.0.160",
+        "@panneau/element-button": "^3.0.160",
+        "@panneau/element-resource-card": "^3.0.160",
+        "@panneau/element-select": "^3.0.160",
+        "@panneau/form-resource": "^3.0.160",
+        "@panneau/intl": "^3.0.160",
+        "@panneau/modal-dialog": "^3.0.160",
+        "@panneau/modal-resource-form": "^3.0.160",
+        "@panneau/modal-resource-items": "^3.0.160",
         "classnames": "^2.5.1",
         "lodash": "^4.17.21",
         "prop-types": "^15.7.2",
@@ -64,5 +64,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "594a96c3421a482efe45bcce6cbccba89fcf5b95"
+    "gitHead": "71a2a64cd2e0ed3cc921b0ec3b0a69449a4a978c"
 }