@panneau/data 1.0.0-alpha.22 → 1.0.0-alpha.232

package/es/index.js

@@ -3,13 +3,13 @@ import React, { useState, useCallback, useEffect, useRef, useMemo, useContext }
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
 import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import PropTypes from 'prop-types';
 import { useUrlGenerator } from '@panneau/core/contexts';
+import PropTypes from 'prop-types';
+import _createClass from '@babel/runtime/helpers/createClass';
 import _classCallCheck from '@babel/runtime/helpers/classCallCheck';
 import _assertThisInitialized from '@babel/runtime/helpers/assertThisInitialized';
 import _inherits from '@babel/runtime/helpers/inherits';
 import _createSuper from '@babel/runtime/helpers/createSuper';
-import _createClass from '@babel/runtime/helpers/createClass';
 import { getJSON, getCSRFHeaders, postJSON } from '@folklore/fetch';
 import { generatePath } from 'react-router';
 import { stringify } from 'query-string';
@@ -95,14 +95,16 @@ var useItems = function useItems(_ref) {
       _ref$getPageFromRespo = _ref.getPageFromResponse,
       getPageFromResponse = _ref$getPageFromRespo === void 0 ? function (_ref2) {
     var _ref2$pagination = _ref2.pagination,
-        currentPage = _ref2$pagination.current_page,
+        currentPage = _ref2$pagination.page,
         lastPage = _ref2$pagination.last_page,
         total = _ref2$pagination.total,
+        perPage = _ref2$pagination.per_page,
         items = _ref2.data;
     return {
       page: parseInt(currentPage, 10),
       lastPage: parseInt(lastPage, 10),
       total: parseInt(total, 10),
+      count: parseInt(perPage, 10),
       items: items
     };
   } : _ref$getPageFromRespo,
@@ -326,13 +328,16 @@ var Base = /*#__PURE__*/function () {
       routes: {},
       generateUrl: null
     }, opts), {}, {
-      baseUrl: opts.baseUrl
+      baseUrl: opts.baseUrl,
+      onUnauthorized: opts.onUnauthorized || null
     });
   }
 
   _createClass(Base, [{
     key: "requestGet",
     value: function requestGet(path) {
+      var _this = this;
+
       var query = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
       var queryString = query !== null ? stringify(query, {
         arrayFormat: 'bracket'
@@ -340,41 +345,59 @@ var Base = /*#__PURE__*/function () {
       return getJSON("".concat(this.getFullUrl(path)).concat(queryString !== null && queryString.length > 0 ? "?".concat(queryString) : ''), {
         credentials: 'include',
         headers: getCSRFHeaders()
+      })["catch"](function (error) {
+        return _this.onError(error);
       });
     }
   }, {
     key: "requestPost",
     value: function requestPost(path, data) {
+      var _this2 = this;
+
       return postJSON(this.getFullUrl(path), data, {
         credentials: 'include',
         headers: getCSRFHeaders()
+      })["catch"](function (error) {
+        return _this2.onError(error);
       });
     }
   }, {
     key: "requestPut",
     value: function requestPut(path, data) {
+      var _this3 = this;
+
       return postJSON(this.getFullUrl(path), _objectSpread({
         _method: 'PUT'
       }, data), {
         credentials: 'include',
         headers: getCSRFHeaders()
+      })["catch"](function (error) {
+        return _this3.onError(error);
       });
     }
   }, {
     key: "requestPatch",
     value: function requestPatch(path, data) {
+      var _this4 = this;
+
       return postJSON(this.getFullUrl(path), _objectSpread({
         _method: 'PATCH'
       }, data), {
         credentials: 'include',
         headers: getCSRFHeaders()
+      })["catch"](function (error) {
+        return _this4.onError(error);
       });
     }
   }, {
     key: "requestDelete",
     value: function requestDelete(path) {
+      var _this5 = this;
+
       return this.requestPost(path, {
         _method: 'DELETE'
+      })["catch"](function (error) {
+        return _this5.onError(error);
       });
     }
   }, {
@@ -398,6 +421,23 @@ var Base = /*#__PURE__*/function () {
           baseUrl = _this$options$baseUrl === void 0 ? null : _this$options$baseUrl;
       return baseUrl !== null ? "".concat(baseUrl.replace(/\/$/, ''), "/").concat(path.replace(/^\//, '')) : path;
     }
+  }, {
+    key: "onError",
+    value: function onError(err) {
+      var onUnauthorized = this.options.onUnauthorized;
+
+      var _ref = err || {},
+          _ref$status = _ref.status,
+          status = _ref$status === void 0 ? null : _ref$status;
+
+      var statusCode = parseInt(status, 10); // If status is refused and callback exists
+
+      if ((statusCode === 401 || statusCode === 419) && onUnauthorized !== null) {
+        return onUnauthorized();
+      }
+
+      throw err;
+    }
   }]);
 
   return Base;
@@ -446,10 +486,13 @@ var AuthApi = /*#__PURE__*/function () {
   }, {
     key: "logout",
     value: function logout() {
-      var withCredentials = this.options.withCredentials;
-      return this.api.fetchPost(this.api.route('auth.logout'), null, {
-        withSession: !withCredentials,
-        withCredentials: withCredentials
+      var url = this.api.getFullUrl(this.api.route('auth.logout'));
+      return fetch(url, {
+        method: 'POST',
+        headers: _objectSpread({}, getCSRFHeaders()),
+        credentials: 'include'
+      })["catch"](function (err) {
+        console.log('logout err', err); // eslint-disable-line
       });
     }
   }, {
@@ -716,7 +759,7 @@ var Api = /*#__PURE__*/function (_Base) {
     return _this;
   }
 
-  return Api;
+  return _createClass(Api);
 }(Base);
 
 /* eslint-disable react/jsx-props-no-spreading */
@@ -727,22 +770,26 @@ var useApi = function useApi() {
 var propTypes$1 = {
   api: PropTypes.instanceOf(Api),
   baseUrl: PropTypes.string,
+  onUnauthorized: PropTypes.func,
   children: PropTypes.node.isRequired
 };
 var defaultProps$1 = {
   api: null,
+  onUnauthorized: null,
   baseUrl: undefined
 };
 var ApiProvider = function ApiProvider(_ref) {
   var initialApi = _ref.api,
       baseUrl = _ref.baseUrl,
+      onUnauthorized = _ref.onUnauthorized,
       children = _ref.children;
   var generateUrl = useUrlGenerator();
   var previousApi = useApi();
   var api = useMemo(function () {
     return initialApi || previousApi || new Api({
       baseUrl: baseUrl,
-      generateUrl: generateUrl
+      generateUrl: generateUrl,
+      onUnauthorized: onUnauthorized
     });
   }, [previousApi, initialApi, baseUrl]);
   return /*#__PURE__*/React.createElement(ApiContext.Provider, {
@@ -752,6 +799,8 @@ var ApiProvider = function ApiProvider(_ref) {
 ApiProvider.propTypes = propTypes$1;
 ApiProvider.defaultProps = defaultProps$1;
 
+var _excluded$4 = ["items", "pageItems"];
+
 var useMedias = function useMedias() {
   var query = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
   var page = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
@@ -770,7 +819,7 @@ var useMedias = function useMedias() {
   }, opts)),
       items = _useItems.items,
       pageItems = _useItems.pageItems,
-      request = _objectWithoutProperties(_useItems, ["items", "pageItems"]); // console.log('medias', items);
+      request = _objectWithoutProperties(_useItems, _excluded$4); // console.log('medias', items);
 
 
   return _objectSpread({
@@ -809,6 +858,8 @@ var useMediasRecent = function useMediasRecent(opts) {
   };
 };
 
+var _excluded$3 = ["data"];
+
 var useMedia = function useMedia(id, opts) {
   var api = useApi();
   var loader = useCallback(function () {
@@ -817,7 +868,7 @@ var useMedia = function useMedia(id, opts) {
 
   var _useData = useData(loader, opts),
       data = _useData.data,
-      request = _objectWithoutProperties(_useData, ["data"]);
+      request = _objectWithoutProperties(_useData, _excluded$3);
 
   return _objectSpread({
     story: data
@@ -844,6 +895,8 @@ var useMediaCreate = function useMediaCreate() {
   };
 };
 
+var _excluded$2 = ["items", "pageItems"];
+
 var useMediaTags = function useMediaTags() {
   var query = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
   var count = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 5;
@@ -858,7 +911,7 @@ var useMediaTags = function useMediaTags() {
   }, opts)),
       items = _useItems.items;
       _useItems.pageItems;
-      var request = _objectWithoutProperties(_useItems, ["items", "pageItems"]);
+      var request = _objectWithoutProperties(_useItems, _excluded$2);
 
   return _objectSpread({
     tags: items
@@ -885,7 +938,7 @@ var useMediaUpdate = function useMediaUpdate() {
   };
 };
 
-var useResourceUpdate$1 = function useResourceUpdate(resource) {
+var useResourceDestroy = function useResourceDestroy(resource) {
   var id = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
 
   var _useState = useState(false),
@@ -910,6 +963,8 @@ var useResourceUpdate$1 = function useResourceUpdate(resource) {
   };
 };
 
+var _excluded$1 = ["data"];
+
 var useResourceItem = function useResourceItem(resource, id, opts) {
   var api = useApi();
   var loader = useCallback(function () {
@@ -918,13 +973,15 @@ var useResourceItem = function useResourceItem(resource, id, opts) {
 
   var _useData = useData(loader, opts),
       data = _useData.data,
-      request = _objectWithoutProperties(_useData, ["data"]);
+      request = _objectWithoutProperties(_useData, _excluded$1);
 
   return _objectSpread({
     item: data
   }, request);
 };
 
+var _excluded = ["items", "pageItems"];
+
 var useResourceItems = function useResourceItems(resource) {
   var query = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
   var page = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
@@ -943,7 +1000,7 @@ var useResourceItems = function useResourceItems(resource) {
   }, opts)),
       items = _useItems.items,
       pageItems = _useItems.pageItems,
-      request = _objectWithoutProperties(_useItems, ["items", "pageItems"]);
+      request = _objectWithoutProperties(_useItems, _excluded);
 
   return _objectSpread({
     items: page !== null ? pageItems : items,
@@ -1022,4 +1079,4 @@ var DataProvider = function DataProvider(_ref) {
 DataProvider.propTypes = propTypes;
 DataProvider.defaultProps = defaultProps;
 
-export { Api, ApiProvider, Base as BaseApi, DataProvider, useApi, useData, useItems, useMedia, useMediaCreate, useMediaTags, useMediaUpdate, useMedias, useMediasRecent as useMediasRecentSearches, useResourceUpdate$1 as useResourceDestroy, useResourceItem, useResourceItems, useResourceCreate as useResourceStore, useResourceUpdate };
+export { Api, ApiProvider, Base as BaseApi, DataProvider, useApi, useData, useItems, useMedia, useMediaCreate, useMediaTags, useMediaUpdate, useMedias, useMediasRecent as useMediasRecentSearches, useResourceDestroy, useResourceItem, useResourceItems, useResourceCreate as useResourceStore, useResourceUpdate };

package/lib/index.js

@@ -7,14 +7,14 @@ var React = require('react');
 var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
 var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
-var PropTypes = require('prop-types');
 var contexts = require('@panneau/core/contexts');
+var PropTypes = require('prop-types');
+var _createClass = require('@babel/runtime/helpers/createClass');
 var _classCallCheck = require('@babel/runtime/helpers/classCallCheck');
 var _assertThisInitialized = require('@babel/runtime/helpers/assertThisInitialized');
 var _inherits = require('@babel/runtime/helpers/inherits');
 var _createSuper = require('@babel/runtime/helpers/createSuper');
-var _createClass = require('@babel/runtime/helpers/createClass');
-var fetch = require('@folklore/fetch');
+var fetch$1 = require('@folklore/fetch');
 var reactRouter = require('react-router');
 var queryString = require('query-string');
 
@@ -26,11 +26,11 @@ var _toConsumableArray__default = /*#__PURE__*/_interopDefaultLegacy(_toConsumab
 var _objectSpread__default = /*#__PURE__*/_interopDefaultLegacy(_objectSpread);
 var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
 var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
+var _createClass__default = /*#__PURE__*/_interopDefaultLegacy(_createClass);
 var _classCallCheck__default = /*#__PURE__*/_interopDefaultLegacy(_classCallCheck);
 var _assertThisInitialized__default = /*#__PURE__*/_interopDefaultLegacy(_assertThisInitialized);
 var _inherits__default = /*#__PURE__*/_interopDefaultLegacy(_inherits);
 var _createSuper__default = /*#__PURE__*/_interopDefaultLegacy(_createSuper);
-var _createClass__default = /*#__PURE__*/_interopDefaultLegacy(_createClass);
 
 var useData = function useData(loadData) {
   var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
@@ -40,17 +40,17 @@ var useData = function useData(loadData) {
       autoload = _ref$autoload === void 0 ? true : _ref$autoload;
 
   var _useState = React.useState(false),
-      _useState2 = _slicedToArray__default['default'](_useState, 2),
+      _useState2 = _slicedToArray__default["default"](_useState, 2),
       loading = _useState2[0],
       setLoading = _useState2[1];
 
   var _useState3 = React.useState(false),
-      _useState4 = _slicedToArray__default['default'](_useState3, 2),
+      _useState4 = _slicedToArray__default["default"](_useState3, 2),
       error = _useState4[0],
       setError = _useState4[1];
 
   var _useState5 = React.useState(initialData),
-      _useState6 = _slicedToArray__default['default'](_useState5, 2),
+      _useState6 = _slicedToArray__default["default"](_useState5, 2),
       data = _useState6[0],
       setData = _useState6[1];
 
@@ -113,14 +113,16 @@ var useItems = function useItems(_ref) {
       _ref$getPageFromRespo = _ref.getPageFromResponse,
       getPageFromResponse = _ref$getPageFromRespo === void 0 ? function (_ref2) {
     var _ref2$pagination = _ref2.pagination,
-        currentPage = _ref2$pagination.current_page,
+        currentPage = _ref2$pagination.page,
         lastPage = _ref2$pagination.last_page,
         total = _ref2$pagination.total,
+        perPage = _ref2$pagination.per_page,
         items = _ref2.data;
     return {
       page: parseInt(currentPage, 10),
       lastPage: parseInt(lastPage, 10),
       total: parseInt(total, 10),
+      count: parseInt(perPage, 10),
       items: items
     };
   } : _ref$getPageFromRespo,
@@ -156,7 +158,7 @@ var useItems = function useItems(_ref) {
   }, [initialPages, providedItems]);
 
   var _useState = React.useState(initialState),
-      _useState2 = _slicedToArray__default['default'](_useState, 2),
+      _useState2 = _slicedToArray__default["default"](_useState, 2),
       state = _useState2[0],
       setState = _useState2[1];
 
@@ -172,7 +174,7 @@ var useItems = function useItems(_ref) {
   }, []) : stateItems) || null;
 
   var updateState = function updateState(update) {
-    return setState(_objectSpread__default['default'](_objectSpread__default['default']({}, state), update));
+    return setState(_objectSpread__default["default"](_objectSpread__default["default"]({}, state), update));
   };
 
   var updateFromResponse = function updateFromResponse(response) {
@@ -189,7 +191,7 @@ var useItems = function useItems(_ref) {
 
     if (isPaginated) {
       var newPage = getPageFromResponse(response);
-      var newPages = (reset ? [newPage] : [].concat(_toConsumableArray__default['default']((pages || []).filter(function (it) {
+      var newPages = (reset ? [newPage] : [].concat(_toConsumableArray__default["default"]((pages || []).filter(function (it) {
         return it.page !== newPage.page;
       })), [newPage])).sort(function (a, b) {
         if (a === b) {
@@ -208,7 +210,7 @@ var useItems = function useItems(_ref) {
       return newPage;
     }
 
-    var newItems = _toConsumableArray__default['default'](getItemsFromResponse(response));
+    var newItems = _toConsumableArray__default["default"](getItemsFromResponse(response));
 
     updateState({
       loaded: true,
@@ -220,7 +222,7 @@ var useItems = function useItems(_ref) {
   };
 
   var getNextPage = function getNextPage() {
-    var allPages = lastPage !== -1 ? Array.call.apply(Array, [null].concat(_toConsumableArray__default['default'](Array(lastPage)))).map(function (it, index) {
+    var allPages = lastPage !== -1 ? Array.call.apply(Array, [null].concat(_toConsumableArray__default["default"](Array(lastPage)))).map(function (it, index) {
       return index + 1;
     }) : [];
     var remainingPages = allPages.filter(function (pageNumber) {
@@ -338,61 +340,82 @@ var Base = /*#__PURE__*/function () {
   function Base() {
     var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
 
-    _classCallCheck__default['default'](this, Base);
+    _classCallCheck__default["default"](this, Base);
 
-    this.options = _objectSpread__default['default'](_objectSpread__default['default']({
+    this.options = _objectSpread__default["default"](_objectSpread__default["default"]({
       routes: {},
       generateUrl: null
     }, opts), {}, {
-      baseUrl: opts.baseUrl
+      baseUrl: opts.baseUrl,
+      onUnauthorized: opts.onUnauthorized || null
     });
   }
 
-  _createClass__default['default'](Base, [{
+  _createClass__default["default"](Base, [{
     key: "requestGet",
     value: function requestGet(path) {
+      var _this = this;
+
       var query = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
       var queryString$1 = query !== null ? queryString.stringify(query, {
         arrayFormat: 'bracket'
       }) : null;
-      return fetch.getJSON("".concat(this.getFullUrl(path)).concat(queryString$1 !== null && queryString$1.length > 0 ? "?".concat(queryString$1) : ''), {
+      return fetch$1.getJSON("".concat(this.getFullUrl(path)).concat(queryString$1 !== null && queryString$1.length > 0 ? "?".concat(queryString$1) : ''), {
         credentials: 'include',
-        headers: fetch.getCSRFHeaders()
+        headers: fetch$1.getCSRFHeaders()
+      })["catch"](function (error) {
+        return _this.onError(error);
       });
     }
   }, {
     key: "requestPost",
     value: function requestPost(path, data) {
-      return fetch.postJSON(this.getFullUrl(path), data, {
+      var _this2 = this;
+
+      return fetch$1.postJSON(this.getFullUrl(path), data, {
         credentials: 'include',
-        headers: fetch.getCSRFHeaders()
+        headers: fetch$1.getCSRFHeaders()
+      })["catch"](function (error) {
+        return _this2.onError(error);
       });
     }
   }, {
     key: "requestPut",
     value: function requestPut(path, data) {
-      return fetch.postJSON(this.getFullUrl(path), _objectSpread__default['default']({
+      var _this3 = this;
+
+      return fetch$1.postJSON(this.getFullUrl(path), _objectSpread__default["default"]({
         _method: 'PUT'
       }, data), {
         credentials: 'include',
-        headers: fetch.getCSRFHeaders()
+        headers: fetch$1.getCSRFHeaders()
+      })["catch"](function (error) {
+        return _this3.onError(error);
       });
     }
   }, {
     key: "requestPatch",
     value: function requestPatch(path, data) {
-      return fetch.postJSON(this.getFullUrl(path), _objectSpread__default['default']({
+      var _this4 = this;
+
+      return fetch$1.postJSON(this.getFullUrl(path), _objectSpread__default["default"]({
         _method: 'PATCH'
       }, data), {
         credentials: 'include',
-        headers: fetch.getCSRFHeaders()
+        headers: fetch$1.getCSRFHeaders()
+      })["catch"](function (error) {
+        return _this4.onError(error);
       });
     }
   }, {
     key: "requestDelete",
     value: function requestDelete(path) {
+      var _this5 = this;
+
       return this.requestPost(path, {
         _method: 'DELETE'
+      })["catch"](function (error) {
+        return _this5.onError(error);
       });
     }
   }, {
@@ -416,6 +439,23 @@ var Base = /*#__PURE__*/function () {
           baseUrl = _this$options$baseUrl === void 0 ? null : _this$options$baseUrl;
       return baseUrl !== null ? "".concat(baseUrl.replace(/\/$/, ''), "/").concat(path.replace(/^\//, '')) : path;
     }
+  }, {
+    key: "onError",
+    value: function onError(err) {
+      var onUnauthorized = this.options.onUnauthorized;
+
+      var _ref = err || {},
+          _ref$status = _ref.status,
+          status = _ref$status === void 0 ? null : _ref$status;
+
+      var statusCode = parseInt(status, 10); // If status is refused and callback exists
+
+      if ((statusCode === 401 || statusCode === 419) && onUnauthorized !== null) {
+        return onUnauthorized();
+      }
+
+      throw err;
+    }
   }]);
 
   return Base;
@@ -423,15 +463,15 @@ var Base = /*#__PURE__*/function () {
 
 var AuthApi = /*#__PURE__*/function () {
   function AuthApi(api, opts) {
-    _classCallCheck__default['default'](this, AuthApi);
+    _classCallCheck__default["default"](this, AuthApi);
 
     this.api = api;
-    this.options = _objectSpread__default['default']({
+    this.options = _objectSpread__default["default"]({
       withCredentials: true
     }, opts);
   }
 
-  _createClass__default['default'](AuthApi, [{
+  _createClass__default["default"](AuthApi, [{
     key: "check",
     value: function check() {
       var withCredentials = this.options.withCredentials;
@@ -464,10 +504,13 @@ var AuthApi = /*#__PURE__*/function () {
   }, {
     key: "logout",
     value: function logout() {
-      var withCredentials = this.options.withCredentials;
-      return this.api.fetchPost(this.api.route('auth.logout'), null, {
-        withSession: !withCredentials,
-        withCredentials: withCredentials
+      var url = this.api.getFullUrl(this.api.route('auth.logout'));
+      return fetch(url, {
+        method: 'POST',
+        headers: _objectSpread__default["default"]({}, fetch$1.getCSRFHeaders()),
+        credentials: 'include'
+      })["catch"](function (err) {
+        console.log('logout err', err); // eslint-disable-line
       });
     }
   }, {
@@ -497,15 +540,15 @@ var AuthApi = /*#__PURE__*/function () {
 
 var AccountApi = /*#__PURE__*/function () {
   function AccountApi(api, opts) {
-    _classCallCheck__default['default'](this, AccountApi);
+    _classCallCheck__default["default"](this, AccountApi);
 
     this.api = api;
-    this.options = _objectSpread__default['default']({
+    this.options = _objectSpread__default["default"]({
       withCredentials: false
     }, opts);
   }
 
-  _createClass__default['default'](AccountApi, [{
+  _createClass__default["default"](AccountApi, [{
     key: "update",
     value: function update(data) {
       var withCredentials = this.options.withCredentials;
@@ -547,17 +590,17 @@ var AccountApi = /*#__PURE__*/function () {
 }();
 
 var MediasApi = /*#__PURE__*/function (_Base) {
-  _inherits__default['default'](MediasApi, _Base);
+  _inherits__default["default"](MediasApi, _Base);
 
-  var _super = _createSuper__default['default'](MediasApi);
+  var _super = _createSuper__default["default"](MediasApi);
 
   function MediasApi() {
     var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
 
-    _classCallCheck__default['default'](this, MediasApi);
+    _classCallCheck__default["default"](this, MediasApi);
 
-    return _super.call(this, _objectSpread__default['default'](_objectSpread__default['default']({}, opts), {}, {
-      routes: _objectSpread__default['default']({
+    return _super.call(this, _objectSpread__default["default"](_objectSpread__default["default"]({}, opts), {}, {
+      routes: _objectSpread__default["default"]({
         index: 'medias',
         tags: 'medias/tags',
         show: 'medias/:media',
@@ -568,7 +611,7 @@ var MediasApi = /*#__PURE__*/function (_Base) {
     }));
   }
 
-  _createClass__default['default'](MediasApi, [{
+  _createClass__default["default"](MediasApi, [{
     key: "find",
     value: function find(id) {
       return this.requestGet(this.route('show', {
@@ -582,7 +625,7 @@ var MediasApi = /*#__PURE__*/function (_Base) {
       var page = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
       var count = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 10;
 
-      var finalQuery = _objectSpread__default['default']({}, query);
+      var finalQuery = _objectSpread__default["default"]({}, query);
 
       if (page !== null) {
         finalQuery.page = page;
@@ -600,7 +643,7 @@ var MediasApi = /*#__PURE__*/function (_Base) {
       var query = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
       var count = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 10;
 
-      var finalQuery = _objectSpread__default['default']({}, query);
+      var finalQuery = _objectSpread__default["default"]({}, query);
 
       if (count !== null) {
         finalQuery.count = count;
@@ -634,19 +677,19 @@ var MediasApi = /*#__PURE__*/function (_Base) {
 
 var ResourcesApi = /*#__PURE__*/function () {
   function ResourcesApi(api) {
-    _classCallCheck__default['default'](this, ResourcesApi);
+    _classCallCheck__default["default"](this, ResourcesApi);
 
     this.api = api;
   }
 
-  _createClass__default['default'](ResourcesApi, [{
+  _createClass__default["default"](ResourcesApi, [{
     key: "resourceRoute",
     value: function resourceRoute(_ref, route, params) {
       var id = _ref.id,
           _ref$has_routes = _ref.has_routes,
           hasRoutes = _ref$has_routes === void 0 ? false : _ref$has_routes;
       var routePrefix = hasRoutes ? "resources.".concat(id) : 'resources';
-      return this.api.route("".concat(routePrefix, ".").concat(route), hasRoutes ? params : _objectSpread__default['default']({
+      return this.api.route("".concat(routePrefix, ".").concat(route), hasRoutes ? params : _objectSpread__default["default"]({
         resource: id
       }, params));
     }
@@ -666,7 +709,7 @@ var ResourcesApi = /*#__PURE__*/function () {
       var page = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;
       var count = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 10;
 
-      var finalQuery = _objectSpread__default['default']({}, query);
+      var finalQuery = _objectSpread__default["default"]({}, query);
 
       if (page !== null) {
         finalQuery.page = page;
@@ -711,65 +754,71 @@ var ResourcesApi = /*#__PURE__*/function () {
 }();
 
 var Api = /*#__PURE__*/function (_Base) {
-  _inherits__default['default'](Api, _Base);
+  _inherits__default["default"](Api, _Base);
 
-  var _super = _createSuper__default['default'](Api);
+  var _super = _createSuper__default["default"](Api);
 
   function Api() {
     var _this;
 
     var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
 
-    _classCallCheck__default['default'](this, Api);
+    _classCallCheck__default["default"](this, Api);
 
     _this = _super.call(this, opts);
-    _this.auth = new AuthApi(_assertThisInitialized__default['default'](_this), {
+    _this.auth = new AuthApi(_assertThisInitialized__default["default"](_this), {
       withCredentials: true
     });
-    _this.account = new AccountApi(_assertThisInitialized__default['default'](_this), {
+    _this.account = new AccountApi(_assertThisInitialized__default["default"](_this), {
       withCredentials: true
     });
-    _this.medias = new MediasApi(_assertThisInitialized__default['default'](_this));
-    _this.resources = new ResourcesApi(_assertThisInitialized__default['default'](_this));
+    _this.medias = new MediasApi(_assertThisInitialized__default["default"](_this));
+    _this.resources = new ResourcesApi(_assertThisInitialized__default["default"](_this));
     return _this;
   }
 
-  return Api;
+  return _createClass__default["default"](Api);
 }(Base);
 
 /* eslint-disable react/jsx-props-no-spreading */
-var ApiContext = /*#__PURE__*/React__default['default'].createContext(null);
+var ApiContext = /*#__PURE__*/React__default["default"].createContext(null);
 var useApi = function useApi() {
   return React.useContext(ApiContext);
 };
 var propTypes$1 = {
-  api: PropTypes__default['default'].instanceOf(Api),
-  baseUrl: PropTypes__default['default'].string,
-  children: PropTypes__default['default'].node.isRequired
+  api: PropTypes__default["default"].instanceOf(Api),
+  baseUrl: PropTypes__default["default"].string,
+  onUnauthorized: PropTypes__default["default"].func,
+  children: PropTypes__default["default"].node.isRequired
 };
 var defaultProps$1 = {
   api: null,
+  onUnauthorized: null,
   baseUrl: undefined
 };
 var ApiProvider = function ApiProvider(_ref) {
   var initialApi = _ref.api,
       baseUrl = _ref.baseUrl,
+      onUnauthorized = _ref.onUnauthorized,
       children = _ref.children;
   var generateUrl = contexts.useUrlGenerator();
   var previousApi = useApi();
   var api = React.useMemo(function () {
     return initialApi || previousApi || new Api({
       baseUrl: baseUrl,
-      generateUrl: generateUrl
+      generateUrl: generateUrl,
+      onUnauthorized: onUnauthorized
     });
   }, [previousApi, initialApi, baseUrl]);
-  return /*#__PURE__*/React__default['default'].createElement(ApiContext.Provider, {
+  return /*#__PURE__*/React__default["default"].createElement(ApiContext.Provider, {
     value: api
   }, children);
 };
 ApiProvider.propTypes = propTypes$1;
 ApiProvider.defaultProps = defaultProps$1;
 
+var _excluded$4 = ["items", "pageItems"];
+
 var useMedias = function useMedias() {
   var query = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
   var page = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
@@ -781,17 +830,17 @@ var useMedias = function useMedias() {
     return api.medias.get(query, requestedPage, count);
   }, [api, query, count]);
 
-  var _useItems = useItems(_objectSpread__default['default']({
+  var _useItems = useItems(_objectSpread__default["default"]({
     getPage: page !== null ? getItems : null,
     getItems: page === null ? getItems : null,
     page: page
   }, opts)),
       items = _useItems.items,
       pageItems = _useItems.pageItems,
-      request = _objectWithoutProperties__default['default'](_useItems, ["items", "pageItems"]); // console.log('medias', items);
+      request = _objectWithoutProperties__default["default"](_useItems, _excluded$4); // console.log('medias', items);
 
 
-  return _objectSpread__default['default']({
+  return _objectSpread__default["default"]({
     medias: page !== null ? pageItems : items,
     allMedias: items
   }, request);
@@ -803,7 +852,7 @@ var useMediasRecent = function useMediasRecent(opts) {
     if (window !== undefined && value) {
       var recent = window.localStorage.getItem(key) || null;
       var current = recent !== null ? JSON.parse(recent || '[]') : [];
-      var encoded = JSON.stringify([value].concat(_toConsumableArray__default['default'](current)));
+      var encoded = JSON.stringify([value].concat(_toConsumableArray__default["default"](current)));
       window.localStorage.setItem(key, encoded);
       return true;
     }
@@ -827,6 +876,8 @@ var useMediasRecent = function useMediasRecent(opts) {
   };
 };
 
+var _excluded$3 = ["data"];
+
 var useMedia = function useMedia(id, opts) {
   var api = useApi();
   var loader = React.useCallback(function () {
@@ -835,16 +886,16 @@ var useMedia = function useMedia(id, opts) {
 
   var _useData = useData(loader, opts),
       data = _useData.data,
-      request = _objectWithoutProperties__default['default'](_useData, ["data"]);
+      request = _objectWithoutProperties__default["default"](_useData, _excluded$3);
 
-  return _objectSpread__default['default']({
+  return _objectSpread__default["default"]({
     story: data
   }, request);
 };
 
 var useMediaCreate = function useMediaCreate() {
   var _useState = React.useState(false),
-      _useState2 = _slicedToArray__default['default'](_useState, 2),
+      _useState2 = _slicedToArray__default["default"](_useState, 2),
       creating = _useState2[0],
       setCreating = _useState2[1];
 
@@ -862,6 +913,8 @@ var useMediaCreate = function useMediaCreate() {
   };
 };
 
+var _excluded$2 = ["items", "pageItems"];
+
 var useMediaTags = function useMediaTags() {
   var query = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
   var count = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 5;
@@ -871,21 +924,21 @@ var useMediaTags = function useMediaTags() {
     return api.medias.getTags(query, count);
   }, [api, query, count]);
 
-  var _useItems = useItems(_objectSpread__default['default']({
+  var _useItems = useItems(_objectSpread__default["default"]({
     getItems: getItems
   }, opts)),
       items = _useItems.items;
       _useItems.pageItems;
-      var request = _objectWithoutProperties__default['default'](_useItems, ["items", "pageItems"]);
+      var request = _objectWithoutProperties__default["default"](_useItems, _excluded$2);
 
-  return _objectSpread__default['default']({
+  return _objectSpread__default["default"]({
     tags: items
   }, request);
 };
 
 var useMediaUpdate = function useMediaUpdate() {
   var _useState = React.useState(false),
-      _useState2 = _slicedToArray__default['default'](_useState, 2),
+      _useState2 = _slicedToArray__default["default"](_useState, 2),
       updating = _useState2[0],
       setUpdating = _useState2[1];
 
@@ -903,11 +956,11 @@ var useMediaUpdate = function useMediaUpdate() {
   };
 };
 
-var useResourceUpdate$1 = function useResourceUpdate(resource) {
+var useResourceDestroy = function useResourceDestroy(resource) {
   var id = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
 
   var _useState = React.useState(false),
-      _useState2 = _slicedToArray__default['default'](_useState, 2),
+      _useState2 = _slicedToArray__default["default"](_useState, 2),
       loading = _useState2[0],
       setLoading = _useState2[1];
 
@@ -928,6 +981,8 @@ var useResourceUpdate$1 = function useResourceUpdate(resource) {
   };
 };
 
+var _excluded$1 = ["data"];
+
 var useResourceItem = function useResourceItem(resource, id, opts) {
   var api = useApi();
   var loader = React.useCallback(function () {
@@ -936,13 +991,15 @@ var useResourceItem = function useResourceItem(resource, id, opts) {
 
   var _useData = useData(loader, opts),
       data = _useData.data,
-      request = _objectWithoutProperties__default['default'](_useData, ["data"]);
+      request = _objectWithoutProperties__default["default"](_useData, _excluded$1);
 
-  return _objectSpread__default['default']({
+  return _objectSpread__default["default"]({
     item: data
   }, request);
 };
 
+var _excluded = ["items", "pageItems"];
+
 var useResourceItems = function useResourceItems(resource) {
   var query = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
   var page = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
@@ -954,16 +1011,16 @@ var useResourceItems = function useResourceItems(resource) {
     return api.resources.get(resource, query, requestedPage, count);
   }, [api, resource, query, count]);
 
-  var _useItems = useItems(_objectSpread__default['default']({
+  var _useItems = useItems(_objectSpread__default["default"]({
     getPage: page !== null ? getItems : null,
     getItems: page === null ? getItems : null,
     page: page
   }, opts)),
       items = _useItems.items,
       pageItems = _useItems.pageItems,
-      request = _objectWithoutProperties__default['default'](_useItems, ["items", "pageItems"]);
+      request = _objectWithoutProperties__default["default"](_useItems, _excluded);
 
-  return _objectSpread__default['default']({
+  return _objectSpread__default["default"]({
     items: page !== null ? pageItems : items,
     allItems: items
   }, request);
@@ -971,7 +1028,7 @@ var useResourceItems = function useResourceItems(resource) {
 
 var useResourceCreate = function useResourceCreate(resource) {
   var _useState = React.useState(false),
-      _useState2 = _slicedToArray__default['default'](_useState, 2),
+      _useState2 = _slicedToArray__default["default"](_useState, 2),
       loading = _useState2[0],
       setLoading = _useState2[1];
 
@@ -994,7 +1051,7 @@ var useResourceCreate = function useResourceCreate(resource) {
 
 var useResourceUpdate = function useResourceUpdate(resource, id) {
   var _useState = React.useState(false),
-      _useState2 = _slicedToArray__default['default'](_useState, 2),
+      _useState2 = _slicedToArray__default["default"](_useState, 2),
       loading = _useState2[0],
       setLoading = _useState2[1];
 
@@ -1017,9 +1074,9 @@ var useResourceUpdate = function useResourceUpdate(resource, id) {
 
 /* eslint-disable react/jsx-props-no-spreading */
 var propTypes = {
-  api: PropTypes__default['default'].instanceOf(Api),
-  apiBaseUrl: PropTypes__default['default'].string,
-  children: PropTypes__default['default'].node
+  api: PropTypes__default["default"].instanceOf(Api),
+  apiBaseUrl: PropTypes__default["default"].string,
+  children: PropTypes__default["default"].node
 };
 var defaultProps = {
   api: null,
@@ -1031,7 +1088,7 @@ var DataProvider = function DataProvider(_ref) {
   var api = _ref.api,
       apiBaseUrl = _ref.apiBaseUrl,
       children = _ref.children;
-  return /*#__PURE__*/React__default['default'].createElement(ApiProvider, {
+  return /*#__PURE__*/React__default["default"].createElement(ApiProvider, {
     api: api,
     baseUrl: apiBaseUrl
   }, children);
@@ -1053,7 +1110,7 @@ exports.useMediaTags = useMediaTags;
 exports.useMediaUpdate = useMediaUpdate;
 exports.useMedias = useMedias;
 exports.useMediasRecentSearches = useMediasRecent;
-exports.useResourceDestroy = useResourceUpdate$1;
+exports.useResourceDestroy = useResourceDestroy;
 exports.useResourceItem = useResourceItem;
 exports.useResourceItems = useResourceItems;
 exports.useResourceStore = useResourceCreate;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@panneau/data",
-    "version": "1.0.0-alpha.22",
+    "version": "1.0.0-alpha.232",
     "description": "",
     "keywords": [
         "javascript"
@@ -44,17 +44,17 @@
         "prepare": "../../scripts/prepare-package.sh"
     },
     "devDependencies": {
-        "react": "^16.8.0",
-        "react-dom": "^16.8.0"
+        "react": "^16.8.0 || ^17.0.0",
+        "react-dom": "^16.8.0 || ^17.0.0"
     },
     "peerDependencies": {
-        "react": "^16.8.0",
-        "react-dom": "^16.8.0"
+        "react": "^16.8.0 || ^17.0.0",
+        "react-dom": "^16.8.0 || ^17.0.0"
     },
     "dependencies": {
         "@babel/runtime": "^7.12.5",
         "@folklore/fetch": "^0.1.10",
-        "@panneau/core": "^1.0.0-alpha.21",
+        "@panneau/core": "^1.0.0-alpha.232",
         "prop-types": "^15.7.2",
         "query-string": "^7.0.0",
         "react-router": "^5.2.0"
@@ -62,5 +62,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "ea24e77dd4220eab9293ee082797d1ab625c9373"
+    "gitHead": "996f9cc4f0f02707225cf0899cf3da7e47fa3f6d"
 }