@panneau/field-resource-item 3.0.133 → 3.0.135

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, { useState, useCallback, useMemo } from 'react';
+import React, { useMemo, useState, useCallback } from 'react';
 import { useIntl, FormattedMessage } from 'react-intl';
 import { PropTypes as PropTypes$1 } from '@panneau/core';
 import { usePanneauResource } from '@panneau/core/contexts';
@@ -126,8 +126,12 @@ var ResourceItemField = function ResourceItemField(_ref) {
   var intl = useIntl();
   var resource = usePanneauResource(resourceId);
   var resourceValues = useResourceValues(resource);
-  var defaultPage = initialPage || (paginated ? 1 : null);
-  var defaultCount = initialCount || (paginated ? 10 : null);
+  var defaultPage = useMemo(function () {
+    return initialPage || (paginated ? 1 : null);
+  }, [initialPage, paginated]);
+  var defaultCount = useMemo(function () {
+    return initialCount || (paginated ? 10 : null);
+  }, [initialCount, paginated]);
   var hasValue = value !== null && !isEmpty(value);
 
   // const [initialValue] = useState(value);
@@ -141,32 +145,33 @@ var ResourceItemField = function ResourceItemField(_ref) {
     listOpen = _useState4[0],
     setListOpen = _useState4[1];
 
-  // The text input search query
-  var _useState5 = useState(''),
-    _useState6 = _slicedToArray(_useState5, 2),
-    inputTextValue = _useState6[0],
-    setInputTextValue = _useState6[1];
-  var onInputChange = useCallback(function (textValue) {
-    setInputTextValue(textValue);
-  }, []);
-
   // TODO: list state controls?
-  var _useState7 = useState(initialQuery),
+  var _useState5 = useState(initialQuery),
+    _useState6 = _slicedToArray(_useState5, 2),
+    query = _useState6[0];
+    _useState6[1];
+  var _useState7 = useState(defaultPage),
     _useState8 = _slicedToArray(_useState7, 2),
-    query = _useState8[0];
-    _useState8[1];
-  var _useState9 = useState(defaultPage),
+    page = _useState8[0],
+    setPage = _useState8[1];
+  var _useState9 = useState(defaultCount),
     _useState10 = _slicedToArray(_useState9, 2),
-    page = _useState10[0],
-    setPage = _useState10[1];
-  var _useState11 = useState(defaultCount),
+    count = _useState10[0];
+    _useState10[1];
+  var _useState11 = useState(initialOptions),
     _useState12 = _slicedToArray(_useState11, 2),
-    count = _useState12[0];
+    resourceOptions = _useState12[0];
     _useState12[1];
-  var _useState13 = useState(initialOptions),
+
+  // The text input search query
+  var _useState13 = useState(''),
     _useState14 = _slicedToArray(_useState13, 2),
-    resourceOptions = _useState14[0];
-    _useState14[1];
+    inputTextValue = _useState14[0],
+    setInputTextValue = _useState14[1];
+  var onInputChange = useCallback(function (textValue) {
+    setInputTextValue(textValue);
+    setPage(defaultPage);
+  }, [setInputTextValue, setPage, defaultPage]);
   var queryResource = useMemo(function () {
     return {
       id: resourceId

package/lib/index.js

@@ -130,8 +130,12 @@ var ResourceItemField = function ResourceItemField(_ref) {
   var intl$1 = reactIntl.useIntl();
   var resource = contexts.usePanneauResource(resourceId);
   var resourceValues = intl.useResourceValues(resource);
-  var defaultPage = initialPage || (paginated ? 1 : null);
-  var defaultCount = initialCount || (paginated ? 10 : null);
+  var defaultPage = React.useMemo(function () {
+    return initialPage || (paginated ? 1 : null);
+  }, [initialPage, paginated]);
+  var defaultCount = React.useMemo(function () {
+    return initialCount || (paginated ? 10 : null);
+  }, [initialCount, paginated]);
   var hasValue = value !== null && !isEmpty(value);
 
   // const [initialValue] = useState(value);
@@ -145,32 +149,33 @@ var ResourceItemField = function ResourceItemField(_ref) {
     listOpen = _useState4[0],
     setListOpen = _useState4[1];
 
-  // The text input search query
-  var _useState5 = React.useState(''),
-    _useState6 = _slicedToArray(_useState5, 2),
-    inputTextValue = _useState6[0],
-    setInputTextValue = _useState6[1];
-  var onInputChange = React.useCallback(function (textValue) {
-    setInputTextValue(textValue);
-  }, []);
-
   // TODO: list state controls?
-  var _useState7 = React.useState(initialQuery),
+  var _useState5 = React.useState(initialQuery),
+    _useState6 = _slicedToArray(_useState5, 2),
+    query = _useState6[0];
+    _useState6[1];
+  var _useState7 = React.useState(defaultPage),
     _useState8 = _slicedToArray(_useState7, 2),
-    query = _useState8[0];
-    _useState8[1];
-  var _useState9 = React.useState(defaultPage),
+    page = _useState8[0],
+    setPage = _useState8[1];
+  var _useState9 = React.useState(defaultCount),
     _useState10 = _slicedToArray(_useState9, 2),
-    page = _useState10[0],
-    setPage = _useState10[1];
-  var _useState11 = React.useState(defaultCount),
+    count = _useState10[0];
+    _useState10[1];
+  var _useState11 = React.useState(initialOptions),
     _useState12 = _slicedToArray(_useState11, 2),
-    count = _useState12[0];
+    resourceOptions = _useState12[0];
     _useState12[1];
-  var _useState13 = React.useState(initialOptions),
+
+  // The text input search query
+  var _useState13 = React.useState(''),
     _useState14 = _slicedToArray(_useState13, 2),
-    resourceOptions = _useState14[0];
-    _useState14[1];
+    inputTextValue = _useState14[0],
+    setInputTextValue = _useState14[1];
+  var onInputChange = React.useCallback(function (textValue) {
+    setInputTextValue(textValue);
+    setPage(defaultPage);
+  }, [setInputTextValue, setPage, defaultPage]);
   var queryResource = React.useMemo(function () {
     return {
       id: resourceId

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@panneau/field-resource-item",
-    "version": "3.0.133",
+    "version": "3.0.135",
     "description": "An item mapping a resource",
     "keywords": [
         "javascript"
@@ -49,13 +49,13 @@
         "@panneau/core": "^3.0.133",
         "@panneau/data": "^3.0.133",
         "@panneau/element-button": "^3.0.133",
-        "@panneau/element-resource-card": "^3.0.133",
-        "@panneau/element-select": "^3.0.133",
-        "@panneau/form-resource": "^3.0.133",
-        "@panneau/intl": "^3.0.133",
+        "@panneau/element-resource-card": "^3.0.134",
+        "@panneau/element-select": "^3.0.134",
+        "@panneau/form-resource": "^3.0.135",
+        "@panneau/intl": "^3.0.135",
         "@panneau/modal-dialog": "^3.0.133",
-        "@panneau/modal-resource-form": "^3.0.133",
-        "@panneau/modal-resource-items": "^3.0.133",
+        "@panneau/modal-resource-form": "^3.0.135",
+        "@panneau/modal-resource-items": "^3.0.135",
         "classnames": "^2.5.1",
         "lodash": "^4.17.21",
         "prop-types": "^15.7.2",
@@ -64,5 +64,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "75cf7713976a4b1c04991285984ab634f767b4e6"
+    "gitHead": "e9756936d684d3a9e56482db14e098e01e446d48"
 }