@panneau/medias 3.0.150 → 3.0.153

package/es/index.js

@@ -20,6 +20,7 @@ import Icon from '@panneau/element-icon';
 import MediaCard from '@panneau/element-media-card';
 import Pagination from '@panneau/element-pagination';
 import Table from '@panneau/element-table';
+import UploadField from '@panneau/field-upload';
 import Filters from '@panneau/filter-filters';
 import { useItems, useData, useApi } from '@panneau/data';
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
@@ -779,6 +780,15 @@ var defaultFilters = [{
       }]
     }),
     value: 'audio'
+  }, {
+    label: /*#__PURE__*/React.createElement(FormattedMessage, {
+      id: "8INLfU",
+      defaultMessage: [{
+        "type": 0,
+        "value": "Document"
+      }]
+    }),
+    value: 'document'
   }],
   multiple: true
 }, {
@@ -792,7 +802,8 @@ var defaultFilters = [{
       "value": "Author"
     }]
   }),
-  options: [],
+  requestUrl: '/persons',
+  itemLabelPath: 'name',
   multiple: true
 }, {
   id: 'tag',
@@ -805,7 +816,8 @@ var defaultFilters = [{
       "value": "Tag"
     }]
   }),
-  options: [],
+  requestUrl: '/tags',
+  itemLabelPath: 'label',
   multiple: true
 }, {
   id: 'search',
@@ -816,12 +828,21 @@ var defaultFilters = [{
 var _excluded$5 = ["page", "count"];
 var propTypes$5 = {
   items: PropTypes$1.medias,
+  uploadButton: PropTypes.func,
   buttons: PropTypes$1.buttons,
   filters: PropTypes$1.filters,
   columns: PropTypes$1.tableColumns,
   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,
@@ -835,10 +856,15 @@ var propTypes$5 = {
 };
 var defaultProps$5 = {
   items: null,
+  uploadButton: null,
   buttons: null,
   filters: defaultFilters,
   columns: defaultColumns,
   fields: defaultFields,
+  metadatas: {
+    sections: defaultSections,
+    displays: defaultDisplays
+  },
   query: null,
   baseUrl: null,
   layout: 'table',
@@ -865,9 +891,12 @@ var defaultProps$5 = {
 function MediasBrowser(_ref) {
   var initialItems = _ref.items,
     baseUrl = _ref.baseUrl,
+    uploadButton = _ref.uploadButton,
     buttons = _ref.buttons,
     filters = _ref.filters,
     columns = _ref.columns,
+    fields = _ref.fields,
+    metadatas = _ref.metadatas,
     initialQuery = _ref.query,
     initialLayout = _ref.layout,
     layouts = _ref.layouts,
@@ -879,6 +908,9 @@ function MediasBrowser(_ref) {
     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]);
@@ -888,12 +920,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,
@@ -913,6 +945,8 @@ function MediasBrowser(_ref) {
     loading = _useMedias.loading,
     lastPage = _useMedias.lastPage,
     total = _useMedias.total;
+
+  // For picker
   useEffect(function () {
     if (onItemsChange !== null) {
       onItemsChange(items);
@@ -941,6 +975,11 @@ function MediasBrowser(_ref) {
   var onCloseMedia = useCallback(function () {
     setMedia(null);
   }, [setMedia]);
+  var onUploadMedia = useCallback(function (newMedia) {
+    setMedia(null);
+    onSelectItem(newMedia || null);
+    onQueryReset();
+  }, [setMedia, onQueryReset, onSelectItem]);
   var pagination = /*#__PURE__*/React.createElement(Pagination, {
     page: page,
     lastPage: lastPage,
@@ -972,8 +1011,16 @@ 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, {
+  })) : /*#__PURE__*/React.createElement(React.Fragment, null, uploadButton !== null ? /*#__PURE__*/React.createElement("div", {
+    className: "mt-2 mb-4"
+  }, /*#__PURE__*/React.createElement(UploadField, Object.assign({
+    onChange: onUploadMedia,
+    withButton: true
+  }, uploadButton))) : null, buttons !== null ? /*#__PURE__*/React.createElement(Buttons, {
     items: buttons,
     className: "mb-2"
   }) : null, filters !== null ? /*#__PURE__*/React.createElement(Filters, {

package/lib/index.js

@@ -22,6 +22,7 @@ var Icon = require('@panneau/element-icon');
 var MediaCard = require('@panneau/element-media-card');
 var Pagination = require('@panneau/element-pagination');
 var Table = require('@panneau/element-table');
+var UploadField = require('@panneau/field-upload');
 var Filters = require('@panneau/filter-filters');
 var data = require('@panneau/data');
 var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
@@ -781,6 +782,15 @@ var defaultFilters = [{
       }]
     }),
     value: 'audio'
+  }, {
+    label: /*#__PURE__*/React.createElement(reactIntl.FormattedMessage, {
+      id: "8INLfU",
+      defaultMessage: [{
+        "type": 0,
+        "value": "Document"
+      }]
+    }),
+    value: 'document'
   }],
   multiple: true
 }, {
@@ -794,7 +804,8 @@ var defaultFilters = [{
       "value": "Author"
     }]
   }),
-  options: [],
+  requestUrl: '/persons',
+  itemLabelPath: 'name',
   multiple: true
 }, {
   id: 'tag',
@@ -807,7 +818,8 @@ var defaultFilters = [{
       "value": "Tag"
     }]
   }),
-  options: [],
+  requestUrl: '/tags',
+  itemLabelPath: 'label',
   multiple: true
 }, {
   id: 'search',
@@ -818,12 +830,21 @@ var defaultFilters = [{
 var _excluded$5 = ["page", "count"];
 var propTypes$5 = {
   items: core.PropTypes.medias,
+  uploadButton: PropTypes.func,
   buttons: core.PropTypes.buttons,
   filters: core.PropTypes.filters,
   columns: core.PropTypes.tableColumns,
   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,
@@ -837,10 +858,15 @@ var propTypes$5 = {
 };
 var defaultProps$5 = {
   items: null,
+  uploadButton: null,
   buttons: null,
   filters: defaultFilters,
   columns: defaultColumns,
   fields: defaultFields,
+  metadatas: {
+    sections: defaultSections,
+    displays: defaultDisplays
+  },
   query: null,
   baseUrl: null,
   layout: 'table',
@@ -867,9 +893,12 @@ var defaultProps$5 = {
 function MediasBrowser(_ref) {
   var initialItems = _ref.items,
     baseUrl = _ref.baseUrl,
+    uploadButton = _ref.uploadButton,
     buttons = _ref.buttons,
     filters = _ref.filters,
     columns = _ref.columns,
+    fields = _ref.fields,
+    metadatas = _ref.metadatas,
     initialQuery = _ref.query,
     initialLayout = _ref.layout,
     layouts = _ref.layouts,
@@ -881,6 +910,9 @@ function MediasBrowser(_ref) {
     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]);
@@ -890,12 +922,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,
@@ -915,6 +947,8 @@ function MediasBrowser(_ref) {
     loading = _useMedias.loading,
     lastPage = _useMedias.lastPage,
     total = _useMedias.total;
+
+  // For picker
   React.useEffect(function () {
     if (onItemsChange !== null) {
       onItemsChange(items);
@@ -943,6 +977,11 @@ function MediasBrowser(_ref) {
   var onCloseMedia = React.useCallback(function () {
     setMedia(null);
   }, [setMedia]);
+  var onUploadMedia = React.useCallback(function (newMedia) {
+    setMedia(null);
+    onSelectItem(newMedia || null);
+    onQueryReset();
+  }, [setMedia, onQueryReset, onSelectItem]);
   var pagination = /*#__PURE__*/React.createElement(Pagination, {
     page: page,
     lastPage: lastPage,
@@ -974,8 +1013,16 @@ 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, {
+  })) : /*#__PURE__*/React.createElement(React.Fragment, null, uploadButton !== null ? /*#__PURE__*/React.createElement("div", {
+    className: "mt-2 mb-4"
+  }, /*#__PURE__*/React.createElement(UploadField, Object.assign({
+    onChange: onUploadMedia,
+    withButton: true
+  }, uploadButton))) : null, buttons !== null ? /*#__PURE__*/React.createElement(Buttons, {
     items: buttons,
     className: "mb-2"
   }) : null, filters !== null ? /*#__PURE__*/React.createElement(Filters, {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@panneau/medias",
-    "version": "3.0.150",
+    "version": "3.0.153",
     "description": "",
     "keywords": [
         "javascript"
@@ -46,19 +46,20 @@
     },
     "dependencies": {
         "@babel/runtime": "^7.12.5",
-        "@panneau/core": "^3.0.150",
-        "@panneau/data": "^3.0.150",
-        "@panneau/element-button": "^3.0.150",
-        "@panneau/element-buttons": "^3.0.150",
-        "@panneau/element-form": "^3.0.150",
-        "@panneau/element-grid": "^3.0.150",
-        "@panneau/element-icon": "^3.0.150",
-        "@panneau/element-media-card": "^3.0.150",
-        "@panneau/element-media-player": "^3.0.150",
-        "@panneau/element-media-preview": "^3.0.150",
-        "@panneau/element-pagination": "^3.0.150",
-        "@panneau/element-table": "^3.0.150",
-        "@panneau/filter-filters": "^3.0.150",
+        "@panneau/core": "^3.0.153",
+        "@panneau/data": "^3.0.153",
+        "@panneau/element-button": "^3.0.153",
+        "@panneau/element-buttons": "^3.0.153",
+        "@panneau/element-form": "^3.0.153",
+        "@panneau/element-grid": "^3.0.153",
+        "@panneau/element-icon": "^3.0.153",
+        "@panneau/element-media-card": "^3.0.153",
+        "@panneau/element-media-player": "^3.0.153",
+        "@panneau/element-media-preview": "^3.0.153",
+        "@panneau/element-pagination": "^3.0.153",
+        "@panneau/element-table": "^3.0.153",
+        "@panneau/field-upload": "^3.0.153",
+        "@panneau/filter-filters": "^3.0.153",
         "classnames": "^2.5.1",
         "lodash": "^4.17.21",
         "prop-types": "^15.7.2",
@@ -67,5 +68,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "a871528cf4f2a9a04e62f7920d9ac288e95e6104"
+    "gitHead": "715118ddbe09d7e7129bdb5cce0aad91aaa96768"
 }