@panneau/medias 3.0.149 → 3.0.152

package/es/index.js

@@ -779,6 +779,15 @@ var defaultFilters = [{
       }]
     }),
     value: 'audio'
+  }, {
+    label: /*#__PURE__*/React.createElement(FormattedMessage, {
+      id: "8INLfU",
+      defaultMessage: [{
+        "type": 0,
+        "value": "Document"
+      }]
+    }),
+    value: 'document'
   }],
   multiple: true
 }, {
@@ -822,12 +831,21 @@ var propTypes$5 = {
   query: PropTypes.shape({}),
   baseUrl: PropTypes.string,
   fields: PropTypes$1.fields,
+  metadatas: PropTypes.shape({
+    sections: PropTypes.arrayOf(PropTypes.shape({
+      id: PropTypes.string
+    })),
+    displays: PropTypes.arrayOf(PropTypes.shape({
+      id: PropTypes.string
+    }))
+  }),
   layout: PropTypes.string,
   layouts: PropTypes.arrayOf(PropTypes.shape({})),
   theme: PropTypes.string,
   tableProps: PropTypes.bool,
   onSelectItem: PropTypes.func,
   onItemsChange: PropTypes.func,
+  onLayoutChange: PropTypes.func,
   selectedCount: PropTypes.number,
   onClearSelected: PropTypes.func,
   className: PropTypes.string
@@ -838,6 +856,10 @@ var defaultProps$5 = {
   filters: defaultFilters,
   columns: defaultColumns,
   fields: defaultFields,
+  metadatas: {
+    sections: defaultSections,
+    displays: defaultDisplays
+  },
   query: null,
   baseUrl: null,
   layout: 'table',
@@ -856,6 +878,7 @@ var defaultProps$5 = {
   tableProps: null,
   onSelectItem: null,
   onItemsChange: null,
+  onLayoutChange: null,
   selectedCount: null,
   onClearSelected: null,
   className: null
@@ -866,6 +889,8 @@ function MediasBrowser(_ref) {
     buttons = _ref.buttons,
     filters = _ref.filters,
     columns = _ref.columns,
+    fields = _ref.fields,
+    metadatas = _ref.metadatas,
     initialQuery = _ref.query,
     initialLayout = _ref.layout,
     layouts = _ref.layouts,
@@ -873,9 +898,13 @@ function MediasBrowser(_ref) {
     tableProps = _ref.tableProps,
     onSelectItem = _ref.onSelectItem,
     onItemsChange = _ref.onItemsChange,
+    onLayoutChange = _ref.onLayoutChange,
     selectedCount = _ref.selectedCount,
     onClearSelected = _ref.onClearSelected,
     className = _ref.className;
+  var _ref2 = metadatas || {},
+    sections = _ref2.sections,
+    displays = _ref2.displays;
   var baseQuery = useMemo(function () {
     return initialQuery;
   }, [initialQuery]);
@@ -885,12 +914,12 @@ function MediasBrowser(_ref) {
     onQueryChange = _useQuery.onQueryChange,
     onQueryReset = _useQuery.onQueryReset;
   var _useMemo = useMemo(function () {
-      var _ref2 = fullQuery || {},
-        _ref2$page = _ref2.page,
-        fullQueryPage = _ref2$page === void 0 ? null : _ref2$page,
-        _ref2$count = _ref2.count,
-        fullQueryCount = _ref2$count === void 0 ? null : _ref2$count,
-        params = _objectWithoutProperties(_ref2, _excluded$5);
+      var _ref3 = fullQuery || {},
+        _ref3$page = _ref3.page,
+        fullQueryPage = _ref3$page === void 0 ? null : _ref3$page,
+        _ref3$count = _ref3.count,
+        fullQueryCount = _ref3$count === void 0 ? null : _ref3$count,
+        params = _objectWithoutProperties(_ref3, _excluded$5);
       return {
         page: fullQueryPage,
         count: fullQueryCount,
@@ -922,8 +951,11 @@ function MediasBrowser(_ref) {
   var hasLayouts = useMemo(function () {
     return layouts !== null && layouts.length > 1;
   }, [layouts]);
-  var onClickLayout = useCallback(function (lay) {
-    setLayout(lay);
+  var onClickLayout = useCallback(function (newLayout) {
+    setLayout(newLayout);
+    if (onLayoutChange !== null) {
+      onLayoutChange(newLayout);
+    }
   }, [setLayout]);
   var _useState3 = useState(null),
     _useState4 = _slicedToArray(_useState3, 2),
@@ -966,6 +998,9 @@ function MediasBrowser(_ref) {
     }]
   }))), /*#__PURE__*/React.createElement(MediaForm, {
     value: media,
+    fields: fields,
+    sections: sections,
+    displays: displays,
     onClose: onCloseMedia
   })) : /*#__PURE__*/React.createElement(React.Fragment, null, buttons !== null ? /*#__PURE__*/React.createElement(Buttons, {
     items: buttons,

package/lib/index.js

@@ -781,6 +781,15 @@ var defaultFilters = [{
       }]
     }),
     value: 'audio'
+  }, {
+    label: /*#__PURE__*/React.createElement(reactIntl.FormattedMessage, {
+      id: "8INLfU",
+      defaultMessage: [{
+        "type": 0,
+        "value": "Document"
+      }]
+    }),
+    value: 'document'
   }],
   multiple: true
 }, {
@@ -824,12 +833,21 @@ var propTypes$5 = {
   query: PropTypes.shape({}),
   baseUrl: PropTypes.string,
   fields: core.PropTypes.fields,
+  metadatas: PropTypes.shape({
+    sections: PropTypes.arrayOf(PropTypes.shape({
+      id: PropTypes.string
+    })),
+    displays: PropTypes.arrayOf(PropTypes.shape({
+      id: PropTypes.string
+    }))
+  }),
   layout: PropTypes.string,
   layouts: PropTypes.arrayOf(PropTypes.shape({})),
   theme: PropTypes.string,
   tableProps: PropTypes.bool,
   onSelectItem: PropTypes.func,
   onItemsChange: PropTypes.func,
+  onLayoutChange: PropTypes.func,
   selectedCount: PropTypes.number,
   onClearSelected: PropTypes.func,
   className: PropTypes.string
@@ -840,6 +858,10 @@ var defaultProps$5 = {
   filters: defaultFilters,
   columns: defaultColumns,
   fields: defaultFields,
+  metadatas: {
+    sections: defaultSections,
+    displays: defaultDisplays
+  },
   query: null,
   baseUrl: null,
   layout: 'table',
@@ -858,6 +880,7 @@ var defaultProps$5 = {
   tableProps: null,
   onSelectItem: null,
   onItemsChange: null,
+  onLayoutChange: null,
   selectedCount: null,
   onClearSelected: null,
   className: null
@@ -868,6 +891,8 @@ function MediasBrowser(_ref) {
     buttons = _ref.buttons,
     filters = _ref.filters,
     columns = _ref.columns,
+    fields = _ref.fields,
+    metadatas = _ref.metadatas,
     initialQuery = _ref.query,
     initialLayout = _ref.layout,
     layouts = _ref.layouts,
@@ -875,9 +900,13 @@ function MediasBrowser(_ref) {
     tableProps = _ref.tableProps,
     onSelectItem = _ref.onSelectItem,
     onItemsChange = _ref.onItemsChange,
+    onLayoutChange = _ref.onLayoutChange,
     selectedCount = _ref.selectedCount,
     onClearSelected = _ref.onClearSelected,
     className = _ref.className;
+  var _ref2 = metadatas || {},
+    sections = _ref2.sections,
+    displays = _ref2.displays;
   var baseQuery = React.useMemo(function () {
     return initialQuery;
   }, [initialQuery]);
@@ -887,12 +916,12 @@ function MediasBrowser(_ref) {
     onQueryChange = _useQuery.onQueryChange,
     onQueryReset = _useQuery.onQueryReset;
   var _useMemo = React.useMemo(function () {
-      var _ref2 = fullQuery || {},
-        _ref2$page = _ref2.page,
-        fullQueryPage = _ref2$page === void 0 ? null : _ref2$page,
-        _ref2$count = _ref2.count,
-        fullQueryCount = _ref2$count === void 0 ? null : _ref2$count,
-        params = _objectWithoutProperties(_ref2, _excluded$5);
+      var _ref3 = fullQuery || {},
+        _ref3$page = _ref3.page,
+        fullQueryPage = _ref3$page === void 0 ? null : _ref3$page,
+        _ref3$count = _ref3.count,
+        fullQueryCount = _ref3$count === void 0 ? null : _ref3$count,
+        params = _objectWithoutProperties(_ref3, _excluded$5);
       return {
         page: fullQueryPage,
         count: fullQueryCount,
@@ -924,8 +953,11 @@ function MediasBrowser(_ref) {
   var hasLayouts = React.useMemo(function () {
     return layouts !== null && layouts.length > 1;
   }, [layouts]);
-  var onClickLayout = React.useCallback(function (lay) {
-    setLayout(lay);
+  var onClickLayout = React.useCallback(function (newLayout) {
+    setLayout(newLayout);
+    if (onLayoutChange !== null) {
+      onLayoutChange(newLayout);
+    }
   }, [setLayout]);
   var _useState3 = React.useState(null),
     _useState4 = _slicedToArray(_useState3, 2),
@@ -968,6 +1000,9 @@ function MediasBrowser(_ref) {
     }]
   }))), /*#__PURE__*/React.createElement(MediaForm, {
     value: media,
+    fields: fields,
+    sections: sections,
+    displays: displays,
     onClose: onCloseMedia
   })) : /*#__PURE__*/React.createElement(React.Fragment, null, buttons !== null ? /*#__PURE__*/React.createElement(Buttons, {
     items: buttons,

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@panneau/medias",
-    "version": "3.0.149",
+    "version": "3.0.152",
     "description": "",
     "keywords": [
         "javascript"
@@ -46,19 +46,19 @@
     },
     "dependencies": {
         "@babel/runtime": "^7.12.5",
-        "@panneau/core": "^3.0.146",
-        "@panneau/data": "^3.0.146",
-        "@panneau/element-button": "^3.0.146",
-        "@panneau/element-buttons": "^3.0.146",
-        "@panneau/element-form": "^3.0.146",
-        "@panneau/element-grid": "^3.0.146",
-        "@panneau/element-icon": "^3.0.146",
-        "@panneau/element-media-card": "^3.0.146",
-        "@panneau/element-media-player": "^3.0.146",
-        "@panneau/element-media-preview": "^3.0.146",
-        "@panneau/element-pagination": "^3.0.146",
-        "@panneau/element-table": "^3.0.146",
-        "@panneau/filter-filters": "^3.0.146",
+        "@panneau/core": "^3.0.152",
+        "@panneau/data": "^3.0.152",
+        "@panneau/element-button": "^3.0.152",
+        "@panneau/element-buttons": "^3.0.152",
+        "@panneau/element-form": "^3.0.152",
+        "@panneau/element-grid": "^3.0.152",
+        "@panneau/element-icon": "^3.0.152",
+        "@panneau/element-media-card": "^3.0.152",
+        "@panneau/element-media-player": "^3.0.152",
+        "@panneau/element-media-preview": "^3.0.152",
+        "@panneau/element-pagination": "^3.0.152",
+        "@panneau/element-table": "^3.0.152",
+        "@panneau/filter-filters": "^3.0.152",
         "classnames": "^2.5.1",
         "lodash": "^4.17.21",
         "prop-types": "^15.7.2",
@@ -67,5 +67,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "a78f4ff7c15fb1d37b37a0b1391dca0616023dfc"
+    "gitHead": "a42fc2c7e7dc36502823846954bc2a3f20f164f6"
 }