@panneau/medias 4.0.27 → 4.0.29

package/dist/index.js

@@ -1,7 +1,7 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import classNames from 'classnames';
-import { use, useMemo, createContext, useCallback, useState, useRef, useEffect } from 'react';
+import { use, useMemo, createContext, useCallback, useState, useEffect } from 'react';
 import { FormattedMessage } from 'react-intl';
 import { useFieldComponent, usePanneauResource } from '@panneau/core/contexts';
 import { useForm, useQuery } from '@panneau/core/hooks';
@@ -237,7 +237,9 @@ function MediaFrame(_ref) {
     }) : /*#__PURE__*/jsx(ImageDisplay, {
       className: "w-100",
       value: value,
-      onClick: type === 'video' || type === 'audio' ? onClick : null
+      onClick: type === 'video' || type === 'audio' ? onClick : null,
+      maxWidth: null,
+      maxHeight: null
     })
   });
 }
@@ -952,18 +954,19 @@ function MediasBrowser(_ref) {
     var _count;
     return (_count = (fullQuery || {}).count) !== null && _count !== void 0 ? _count : null;
   }, [fullQuery]);
-  var queryRef = useRef(null);
-  var query = useMemo(function () {
+
+  // Stabilize the filter query reference: only create a new object when filter values actually change.
+  // We use JSON.stringify as a stable primitive key so that useMemo only recomputes when values differ.
+  var queryJSON = useMemo(function () {
     var _ref2 = fullQuery || {};
       _ref2.page;
       _ref2.count;
       var params = _objectWithoutProperties(_ref2, _excluded$5);
-    var newQuery = Object.keys(params).length > 0 ? params : null;
-    if (JSON.stringify(queryRef.current) !== JSON.stringify(newQuery)) {
-      queryRef.current = newQuery;
-    }
-    return queryRef.current;
+    return Object.keys(params).length > 0 ? JSON.stringify(params) : null;
   }, [fullQuery]);
+  var query = useMemo(function () {
+    return queryJSON !== null ? JSON.parse(queryJSON) : null;
+  }, [queryJSON]);
   var _ref3 = permissions || {},
     _ref3$create = _ref3.create,
     canCreate = _ref3$create === void 0 ? true : _ref3$create,
@@ -1431,7 +1434,6 @@ function MediasPicker(_ref) {
     return Array.isArray(initialSelectedItems) ? initialSelectedItems : [initialSelectedItems];
   }, []);
 
-  // // Mostly for testing
   // const [selectedItems, setSelectedItems] = useState<PickerSelection>(
   //     initialSelectedItems || null,
   // );

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@panneau/medias",
-    "version": "4.0.27",
+    "version": "4.0.29",
     "description": "",
     "keywords": [
         "javascript"
@@ -77,5 +77,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "48e48752495d69c6b10ddc2c4fe2319d2cd86ff0"
+    "gitHead": "8c6871368e91e2cc741c5286da554d6203faaa9b"
 }