@panneau/field-resource-item 3.0.134 → 3.0.136

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/es/index.js +28 -23
  2. package/lib/index.js +27 -22
  3. package/package.json +12 -12
package/es/index.js CHANGED
@@ -6,7 +6,7 @@ import classNames from 'classnames';
6
6
  import isArray from 'lodash/isArray';
7
7
  import isEmpty from 'lodash/isEmpty';
8
8
  import PropTypes from 'prop-types';
9
- import React, { useState, useCallback, useMemo } from 'react';
9
+ import React, { useMemo, useState, useCallback } from 'react';
10
10
  import { useIntl, FormattedMessage } from 'react-intl';
11
11
  import { PropTypes as PropTypes$1 } from '@panneau/core';
12
12
  import { usePanneauResource } from '@panneau/core/contexts';
@@ -126,8 +126,12 @@ var ResourceItemField = function ResourceItemField(_ref) {
126
126
  var intl = useIntl();
127
127
  var resource = usePanneauResource(resourceId);
128
128
  var resourceValues = useResourceValues(resource);
129
- var defaultPage = initialPage || (paginated ? 1 : null);
130
- var defaultCount = initialCount || (paginated ? 10 : null);
129
+ var defaultPage = useMemo(function () {
130
+ return initialPage || (paginated ? 1 : null);
131
+ }, [initialPage, paginated]);
132
+ var defaultCount = useMemo(function () {
133
+ return initialCount || (paginated ? 10 : null);
134
+ }, [initialCount, paginated]);
131
135
  var hasValue = value !== null && !isEmpty(value);
132
136
 
133
137
  // const [initialValue] = useState(value);
@@ -141,32 +145,33 @@ var ResourceItemField = function ResourceItemField(_ref) {
141
145
  listOpen = _useState4[0],
142
146
  setListOpen = _useState4[1];
143
147
 
144
- // The text input search query
145
- var _useState5 = useState(''),
146
- _useState6 = _slicedToArray(_useState5, 2),
147
- inputTextValue = _useState6[0],
148
- setInputTextValue = _useState6[1];
149
- var onInputChange = useCallback(function (textValue) {
150
- setInputTextValue(textValue);
151
- }, []);
152
-
153
148
  // TODO: list state controls?
154
- var _useState7 = useState(initialQuery),
149
+ var _useState5 = useState(initialQuery),
150
+ _useState6 = _slicedToArray(_useState5, 2),
151
+ query = _useState6[0];
152
+ _useState6[1];
153
+ var _useState7 = useState(defaultPage),
155
154
  _useState8 = _slicedToArray(_useState7, 2),
156
- query = _useState8[0];
157
- _useState8[1];
158
- var _useState9 = useState(defaultPage),
155
+ page = _useState8[0],
156
+ setPage = _useState8[1];
157
+ var _useState9 = useState(defaultCount),
159
158
  _useState10 = _slicedToArray(_useState9, 2),
160
- page = _useState10[0],
161
- setPage = _useState10[1];
162
- var _useState11 = useState(defaultCount),
159
+ count = _useState10[0];
160
+ _useState10[1];
161
+ var _useState11 = useState(initialOptions),
163
162
  _useState12 = _slicedToArray(_useState11, 2),
164
- count = _useState12[0];
163
+ resourceOptions = _useState12[0];
165
164
  _useState12[1];
166
- var _useState13 = useState(initialOptions),
165
+
166
+ // The text input search query
167
+ var _useState13 = useState(''),
167
168
  _useState14 = _slicedToArray(_useState13, 2),
168
- resourceOptions = _useState14[0];
169
- _useState14[1];
169
+ inputTextValue = _useState14[0],
170
+ setInputTextValue = _useState14[1];
171
+ var onInputChange = useCallback(function (textValue) {
172
+ setInputTextValue(textValue);
173
+ setPage(defaultPage);
174
+ }, [setInputTextValue, setPage, defaultPage]);
170
175
  var queryResource = useMemo(function () {
171
176
  return {
172
177
  id: resourceId
package/lib/index.js CHANGED
@@ -130,8 +130,12 @@ var ResourceItemField = function ResourceItemField(_ref) {
130
130
  var intl$1 = reactIntl.useIntl();
131
131
  var resource = contexts.usePanneauResource(resourceId);
132
132
  var resourceValues = intl.useResourceValues(resource);
133
- var defaultPage = initialPage || (paginated ? 1 : null);
134
- var defaultCount = initialCount || (paginated ? 10 : null);
133
+ var defaultPage = React.useMemo(function () {
134
+ return initialPage || (paginated ? 1 : null);
135
+ }, [initialPage, paginated]);
136
+ var defaultCount = React.useMemo(function () {
137
+ return initialCount || (paginated ? 10 : null);
138
+ }, [initialCount, paginated]);
135
139
  var hasValue = value !== null && !isEmpty(value);
136
140
 
137
141
  // const [initialValue] = useState(value);
@@ -145,32 +149,33 @@ var ResourceItemField = function ResourceItemField(_ref) {
145
149
  listOpen = _useState4[0],
146
150
  setListOpen = _useState4[1];
147
151
 
148
- // The text input search query
149
- var _useState5 = React.useState(''),
150
- _useState6 = _slicedToArray(_useState5, 2),
151
- inputTextValue = _useState6[0],
152
- setInputTextValue = _useState6[1];
153
- var onInputChange = React.useCallback(function (textValue) {
154
- setInputTextValue(textValue);
155
- }, []);
156
-
157
152
  // TODO: list state controls?
158
- var _useState7 = React.useState(initialQuery),
153
+ var _useState5 = React.useState(initialQuery),
154
+ _useState6 = _slicedToArray(_useState5, 2),
155
+ query = _useState6[0];
156
+ _useState6[1];
157
+ var _useState7 = React.useState(defaultPage),
159
158
  _useState8 = _slicedToArray(_useState7, 2),
160
- query = _useState8[0];
161
- _useState8[1];
162
- var _useState9 = React.useState(defaultPage),
159
+ page = _useState8[0],
160
+ setPage = _useState8[1];
161
+ var _useState9 = React.useState(defaultCount),
163
162
  _useState10 = _slicedToArray(_useState9, 2),
164
- page = _useState10[0],
165
- setPage = _useState10[1];
166
- var _useState11 = React.useState(defaultCount),
163
+ count = _useState10[0];
164
+ _useState10[1];
165
+ var _useState11 = React.useState(initialOptions),
167
166
  _useState12 = _slicedToArray(_useState11, 2),
168
- count = _useState12[0];
167
+ resourceOptions = _useState12[0];
169
168
  _useState12[1];
170
- var _useState13 = React.useState(initialOptions),
169
+
170
+ // The text input search query
171
+ var _useState13 = React.useState(''),
171
172
  _useState14 = _slicedToArray(_useState13, 2),
172
- resourceOptions = _useState14[0];
173
- _useState14[1];
173
+ inputTextValue = _useState14[0],
174
+ setInputTextValue = _useState14[1];
175
+ var onInputChange = React.useCallback(function (textValue) {
176
+ setInputTextValue(textValue);
177
+ setPage(defaultPage);
178
+ }, [setInputTextValue, setPage, defaultPage]);
174
179
  var queryResource = React.useMemo(function () {
175
180
  return {
176
181
  id: resourceId
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@panneau/field-resource-item",
3
- "version": "3.0.134",
3
+ "version": "3.0.136",
4
4
  "description": "An item mapping a resource",
5
5
  "keywords": [
6
6
  "javascript"
@@ -46,16 +46,16 @@
46
46
  },
47
47
  "dependencies": {
48
48
  "@babel/runtime": "^7.12.5",
49
- "@panneau/core": "^3.0.133",
50
- "@panneau/data": "^3.0.133",
51
- "@panneau/element-button": "^3.0.133",
52
- "@panneau/element-resource-card": "^3.0.134",
53
- "@panneau/element-select": "^3.0.134",
54
- "@panneau/form-resource": "^3.0.133",
55
- "@panneau/intl": "^3.0.133",
56
- "@panneau/modal-dialog": "^3.0.133",
57
- "@panneau/modal-resource-form": "^3.0.133",
58
- "@panneau/modal-resource-items": "^3.0.134",
49
+ "@panneau/core": "^3.0.136",
50
+ "@panneau/data": "^3.0.136",
51
+ "@panneau/element-button": "^3.0.136",
52
+ "@panneau/element-resource-card": "^3.0.136",
53
+ "@panneau/element-select": "^3.0.136",
54
+ "@panneau/form-resource": "^3.0.136",
55
+ "@panneau/intl": "^3.0.136",
56
+ "@panneau/modal-dialog": "^3.0.136",
57
+ "@panneau/modal-resource-form": "^3.0.136",
58
+ "@panneau/modal-resource-items": "^3.0.136",
59
59
  "classnames": "^2.5.1",
60
60
  "lodash": "^4.17.21",
61
61
  "prop-types": "^15.7.2",
@@ -64,5 +64,5 @@
64
64
  "publishConfig": {
65
65
  "access": "public"
66
66
  },
67
- "gitHead": "b30d648c1a3bc67e8cb134d896b06bea405fd9df"
67
+ "gitHead": "c9a3de330286a6cadd73651f1893adbbe090cd0e"
68
68
  }