@panneau/medias 3.0.245 → 3.0.247

package/es/index.js

@@ -263,7 +263,22 @@ var defaultFields = [{
   }),
   type: 'text',
   component: 'text'
-}, {
+},
+// Creatable example
+// {
+//     name: 'tags',
+//     label: <FormattedMessage defaultMessage="Tags" description="Field name" />,
+//     type: 'array',
+//     component: 'select',
+//     requestUrl: '/api/tags',
+//     optionLabelPath: 'label',
+//     optionValuePath: 'id', // Uses taggable so change the logic here
+//     valueIsOption: true,
+//     multiple: true,
+//     paginated: false,
+//     creatable: true, // TODO
+// },
+{
   id: 'info',
   component: 'fields',
   label: /*#__PURE__*/React.createElement(FormattedMessage, {
@@ -578,6 +593,25 @@ function MediaForm(_ref) {
 MediaForm.propTypes = propTypes$7;
 MediaForm.defaultProps = defaultProps$7;
 
+var useMediaRestore = function useMediaRestore() {
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    restoring = _useState2[0],
+    setRestoring = _useState2[1];
+  var api = useMediasApi();
+  var mediaRestore = useCallback(function (id, data) {
+    setRestoring(true);
+    return api.restore(id, data).then(function (response) {
+      setRestoring(false);
+      return response;
+    });
+  }, [api, setRestoring]);
+  return {
+    mediaRestore: mediaRestore,
+    restoring: restoring
+  };
+};
+
 var MediaContext = /*#__PURE__*/React.createContext(null);
 var useCurrentMedia = function useCurrentMedia() {
   return useContext(MediaContext);
@@ -821,31 +855,17 @@ var defaultFilters = [{
 // },
 ];
 
-var useMediaRestore = function useMediaRestore() {
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    restoring = _useState2[0],
-    setRestoring = _useState2[1];
-  var api = useMediasApi();
-  var mediaRestore = useCallback(function (id, data) {
-    setRestoring(true);
-    return api.restore(id, data).then(function (response) {
-      setRestoring(false);
-      return response;
-    });
-  }, [api, setRestoring]);
-  return {
-    mediaRestore: mediaRestore,
-    restoring: restoring
-  };
-};
-
 var _excluded$5 = ["page", "count"],
   _excluded2 = ["types", "trashed"];
 var propTypes$5 = {
   items: PropTypes$1.medias,
   extraItems: PropTypes$1.medias,
   types: PropTypes.arrayOf(PropTypes.string),
+  permissions: PropTypes.shape({
+    create: PropTypes.bool,
+    edit: PropTypes.bool,
+    "delete": PropTypes.bool
+  }),
   filters: PropTypes$1.filters,
   columns: PropTypes$1.tableColumns,
   query: PropTypes.shape({}),
@@ -875,6 +895,7 @@ var defaultProps$5 = {
   items: null,
   extraItems: null,
   types: null,
+  permissions: null,
   filters: defaultFilters,
   columns: defaultColumns,
   fields: defaultFields,
@@ -914,6 +935,7 @@ function MediasBrowser(_ref) {
   var initialItems = _ref.items,
     extraItems = _ref.extraItems,
     types = _ref.types,
+    permissions = _ref.permissions,
     baseUrl = _ref.baseUrl,
     filters = _ref.filters,
     columns = _ref.columns,
@@ -972,13 +994,21 @@ function MediasBrowser(_ref) {
     count = _useMemo$count === void 0 ? null : _useMemo$count,
     _useMemo$query = _useMemo.query,
     query = _useMemo$query === void 0 ? null : _useMemo$query;
+  var _ref3 = permissions || {},
+    _ref3$create = _ref3.create,
+    canCreate = _ref3$create === void 0 ? true : _ref3$create,
+    _ref3$edit = _ref3.edit,
+    canEdit = _ref3$edit === void 0 ? true : _ref3$edit,
+    _ref3$delete = _ref3["delete"],
+    canDelete = _ref3$delete === void 0 ? true : _ref3$delete;
+  var canUpload = canCreate && !withoutUpload;
 
   // eslint-disable-next-line no-unused-vars
-  var _ref3 = query || {};
-    _ref3.types;
-    var _ref3$trashed = _ref3.trashed,
-    trashed = _ref3$trashed === void 0 ? null : _ref3$trashed,
-    queryWithoutTypes = _objectWithoutProperties(_ref3, _excluded2);
+  var _ref4 = query || {};
+    _ref4.types;
+    var _ref4$trashed = _ref4.trashed,
+    trashed = _ref4$trashed === void 0 ? null : _ref4$trashed,
+    queryWithoutTypes = _objectWithoutProperties(_ref4, _excluded2);
   var _useMediaTrash = useMediaTrash$1(),
     mediaTrash = _useMediaTrash.mediaTrash,
     trashing = _useMediaTrash.trashing;
@@ -1061,9 +1091,9 @@ function MediasBrowser(_ref) {
   var onTrashMedia = useCallback(function (id) {
     return !showTrashed && withTrash ? mediaTrash(id).then(function () {
       if (!multipleSelection) {
-        var _ref4 = selectedItems || {},
-          _ref4$id = _ref4.id,
-          selectedId = _ref4$id === void 0 ? null : _ref4$id;
+        var _ref5 = selectedItems || {},
+          _ref5$id = _ref5.id,
+          selectedId = _ref5$id === void 0 ? null : _ref5$id;
         if (selectedId !== null && selectedId === id) {
           onSelectionChange(null);
         }
@@ -1071,9 +1101,9 @@ function MediasBrowser(_ref) {
       // Todo remove from mult selection
     }).then(reload) : mediaDelete(id).then(function () {
       if (!multipleSelection) {
-        var _ref5 = selectedItems || {},
-          _ref5$id = _ref5.id,
-          selectedId = _ref5$id === void 0 ? null : _ref5$id;
+        var _ref6 = selectedItems || {},
+          _ref6$id = _ref6.id,
+          selectedId = _ref6$id === void 0 ? null : _ref6$id;
         if (selectedId !== null && selectedId === id) {
           onSelectionChange(null);
         }
@@ -1095,10 +1125,10 @@ function MediasBrowser(_ref) {
     });
     setUploadedMedias(uploadedNewMedias);
     if (onSelectionChange !== null) {
-      var _ref6 = newMedias || [],
-        _ref7 = _slicedToArray(_ref6, 1),
-        _ref7$ = _ref7[0],
-        firstMedia = _ref7$ === void 0 ? null : _ref7$;
+      var _ref7 = newMedias || [],
+        _ref8 = _slicedToArray(_ref7, 1),
+        _ref8$ = _ref8[0],
+        firstMedia = _ref8$ === void 0 ? null : _ref8$;
       onSelectionChange(multipleSelection && isArray(newMedias) ? newMedias : firstMedia);
       onQueryReset();
       reload();
@@ -1151,9 +1181,9 @@ function MediasBrowser(_ref) {
     }]) : filters;
     if (types !== null && partialFilters !== null) {
       return (partialFilters || []).map(function (filter) {
-        var _ref8 = filter || {},
-          _ref8$id = _ref8.id,
-          id = _ref8$id === void 0 ? null : _ref8$id;
+        var _ref9 = filter || {},
+          _ref9$id = _ref9.id,
+          id = _ref9$id === void 0 ? null : _ref9$id;
         return id === 'types' ? _objectSpread(_objectSpread({}, filter), {}, {
           disabled: true
         }) : filter;
@@ -1161,11 +1191,11 @@ function MediasBrowser(_ref) {
     }
     return partialFilters;
   }, [filters, types, withTrash, showTrashed, onClickTrash]);
-  var finalColumns = useMemo(function () {
+  var partialColumns = useMemo(function () {
     return withTrash && showTrashed ? (columns || []).map(function (column) {
-      var _ref9 = column || {},
-        _ref9$id = _ref9.id,
-        columnId = _ref9$id === void 0 ? null : _ref9$id;
+      var _ref10 = column || {},
+        _ref10$id = _ref10.id,
+        columnId = _ref10$id === void 0 ? null : _ref10$id;
       if (columnId === 'created_at') {
         return _objectSpread(_objectSpread({}, column), {}, {
           path: 'deleted_at',
@@ -1179,9 +1209,9 @@ function MediasBrowser(_ref) {
         });
       }
       if (columnId === 'actions') {
-        var _ref10 = column || {},
-          _ref10$actions = _ref10.actions,
-          actions = _ref10$actions === void 0 ? [] : _ref10$actions;
+        var _ref11 = column || {},
+          _ref11$actions = _ref11.actions,
+          actions = _ref11$actions === void 0 ? [] : _ref11$actions;
         return _objectSpread(_objectSpread({}, column), {}, {
           actions: (actions || []).reduce(function (acc, action) {
             if (action === 'delete') {
@@ -1204,6 +1234,32 @@ function MediasBrowser(_ref) {
       return column;
     }) : columns;
   }, [columns, withTrash, showTrashed]);
+  var finalColumns = useMemo(function () {
+    return (partialColumns || []).map(function (column) {
+      var _ref12 = column || {},
+        _ref12$id = _ref12.id,
+        columnId = _ref12$id === void 0 ? null : _ref12$id;
+      if (columnId === 'actions') {
+        var _ref13 = column || {},
+          _ref13$actions = _ref13.actions,
+          actions = _ref13$actions === void 0 ? [] : _ref13$actions;
+        var availableActions = actions.filter(function (act) {
+          return act !== 'delete' || canDelete;
+        }).filter(function (act) {
+          return act !== 'edit' || canEdit;
+        });
+        if (availableActions.length === 0) {
+          return null;
+        }
+        return _objectSpread(_objectSpread({}, column), {}, {
+          actions: availableActions
+        });
+      }
+      return column;
+    }).filter(function (act) {
+      return act !== null;
+    });
+  }, [partialColumns, canEdit, canDelete]);
   var hasQueryItem = useMemo(function () {
     var showOnTopQuery = types === null ? query : queryWithoutTypes;
     return showOnTopQuery !== null && !trashed ? Object.keys(showOnTopQuery).length > 0 : false;
@@ -1219,9 +1275,9 @@ function MediasBrowser(_ref) {
         var _item$id = item.id,
           itemId = _item$id === void 0 ? null : _item$id;
         return (allItems || []).find(function () {
-          var _ref11 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-            _ref11$id = _ref11.id,
-            otherId = _ref11$id === void 0 ? null : _ref11$id;
+          var _ref14 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+            _ref14$id = _ref14.id,
+            otherId = _ref14$id === void 0 ? null : _ref14$id;
           return otherId === itemId;
         }) || item || null;
       }).filter(function (it) {
@@ -1258,7 +1314,7 @@ function MediasBrowser(_ref) {
     onChange: onQueryChange,
     onReset: onQueryReset,
     theme: theme
-  }) : null, !withoutUpload ? /*#__PURE__*/React.createElement(UploadField, {
+  }) : null, canUpload ? /*#__PURE__*/React.createElement(UploadField, {
     className: "ms-auto w-auto text-nowrap mt-2 mb-2 ps-2",
     withButton: true,
     withoutMedia: true,
@@ -1331,8 +1387,8 @@ function MediasBrowser(_ref) {
     ,
     actionsProps: {
       getDeletePropsFromItem: function getDeletePropsFromItem() {
-        var _ref12 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-          _ref12.id;
+        var _ref15 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+          _ref15.id;
         return {
           href: null,
           withConfirmation: true,

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@panneau/medias",
-    "version": "3.0.245",
+    "version": "3.0.247",
     "description": "",
     "keywords": [
         "javascript"
@@ -64,8 +64,8 @@
         "@panneau/element-media-player": "^3.0.244",
         "@panneau/element-pagination": "^3.0.244",
         "@panneau/element-table": "^3.0.244",
-        "@panneau/field-upload": "^3.0.245",
-        "@panneau/filter-filters": "^3.0.244",
+        "@panneau/field-upload": "^3.0.247",
+        "@panneau/filter-filters": "^3.0.247",
         "classnames": "^2.5.1",
         "lodash": "^4.17.21",
         "prop-types": "^15.7.2",
@@ -74,5 +74,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "9365cf9236eaa94e879099b12cccb5cf22645e1e"
+    "gitHead": "a8c051170781e27da715dcd48d808c0468cc5367"
 }