@panneau/medias 3.0.152 → 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';
@@ -801,7 +802,8 @@ var defaultFilters = [{
       "value": "Author"
     }]
   }),
-  options: [],
+  requestUrl: '/persons',
+  itemLabelPath: 'name',
   multiple: true
 }, {
   id: 'tag',
@@ -814,7 +816,8 @@ var defaultFilters = [{
       "value": "Tag"
     }]
   }),
-  options: [],
+  requestUrl: '/tags',
+  itemLabelPath: 'label',
   multiple: true
 }, {
   id: 'search',
@@ -825,6 +828,7 @@ 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,
@@ -852,6 +856,7 @@ var propTypes$5 = {
 };
 var defaultProps$5 = {
   items: null,
+  uploadButton: null,
   buttons: null,
   filters: defaultFilters,
   columns: defaultColumns,
@@ -886,6 +891,7 @@ 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,
@@ -939,6 +945,8 @@ function MediasBrowser(_ref) {
     loading = _useMedias.loading,
     lastPage = _useMedias.lastPage,
     total = _useMedias.total;
+
+  // For picker
   useEffect(function () {
     if (onItemsChange !== null) {
       onItemsChange(items);
@@ -967,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,
@@ -1002,7 +1015,12 @@ function MediasBrowser(_ref) {
     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');
@@ -803,7 +804,8 @@ var defaultFilters = [{
       "value": "Author"
     }]
   }),
-  options: [],
+  requestUrl: '/persons',
+  itemLabelPath: 'name',
   multiple: true
 }, {
   id: 'tag',
@@ -816,7 +818,8 @@ var defaultFilters = [{
       "value": "Tag"
     }]
   }),
-  options: [],
+  requestUrl: '/tags',
+  itemLabelPath: 'label',
   multiple: true
 }, {
   id: 'search',
@@ -827,6 +830,7 @@ 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,
@@ -854,6 +858,7 @@ var propTypes$5 = {
 };
 var defaultProps$5 = {
   items: null,
+  uploadButton: null,
   buttons: null,
   filters: defaultFilters,
   columns: defaultColumns,
@@ -888,6 +893,7 @@ 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,
@@ -941,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);
@@ -969,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,
@@ -1004,7 +1017,12 @@ function MediasBrowser(_ref) {
     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.152",
+    "version": "3.0.153",
     "description": "",
     "keywords": [
         "javascript"
@@ -46,19 +46,20 @@
     },
     "dependencies": {
         "@babel/runtime": "^7.12.5",
-        "@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",
+        "@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": "a42fc2c7e7dc36502823846954bc2a3f20f164f6"
+    "gitHead": "715118ddbe09d7e7129bdb5cce0aad91aaa96768"
 }