@digigov/ui 0.8.0 → 0.9.1

package/CHANGELOG.md

@@ -1,6 +1,46 @@
 # Change Log - @digigov/ui
 
-This log was last generated on Wed, 20 Oct 2021 12:45:51 GMT and should not be manually modified.
+This log was last generated on Thu, 30 Dec 2021 14:11:34 GMT and should not be manually modified.
+
+## 0.9.1
+Thu, 30 Dec 2021 14:11:34 GMT
+
+### Patches
+
+- Change name for Content in withDeprecation
+- Change the renames of components using withDeprecation
+
+## 0.9.0
+Thu, 30 Dec 2021 12:54:03 GMT
+
+### Minor changes
+
+- Integrate react-core components in @digigov/ui and start deprecating @materia-ui deps
+- Refactor Copyright component
+
+### Patches
+
+- migrate ui components to use react-core
+- Improve the error format in deprecation messages
+
+## 0.8.4
+Tue, 02 Nov 2021 13:03:39 GMT
+
+_Version update only_
+
+## 0.8.3
+Tue, 02 Nov 2021 12:05:42 GMT
+
+### Patches
+
+- Fix versions released by mistakes
+
+## 0.8.1
+Tue, 02 Nov 2021 08:25:41 GMT
+
+### Patches
+
+- fix api tests
 
 ## 0.8.0
 Wed, 20 Oct 2021 12:45:51 GMT

package/api/index.spec.js

@@ -20,7 +20,7 @@ var _fetchMock = _interopRequireDefault(require("fetch-mock"));
 
 var _index = require("@digigov/ui/api/index");
 
-var _delay = _interopRequireDefault(require("../test-utils/delay"));
+var _delay = _interopRequireDefault(require("@digigov/ui/test-utils/delay"));
 
 var _fetchAPI = _interopRequireDefault(require("@digigov/ui/api/fetchAPI"));
 
@@ -125,7 +125,7 @@ describe('fetchAPI', function () {
             path = 'some_id';
 
             _fetchMock["default"].mock.apply(_fetchMock["default"], (0, _toConsumableArray2["default"])(buildMockOptions({
-              resource: "".concat(resource, "/").concat(path),
+              resource: "".concat(resource, "/").concat(path, "/"),
               response: {
                 value: 'SWR'
               }
@@ -158,7 +158,7 @@ describe('useResource', function () {
   beforeEach(_fetchMock["default"].resetBehavior);
   beforeEach(_fetchMock["default"].resetHistory);
   it('useResource should return data', /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee2() {
-    var resource, Page, _render, container;
+    var resource, Page, _render, container, _container$firstChild, _container$firstChild2;
 
     return _regenerator["default"].wrap(function _callee2$(_context2) {
       while (1) {
@@ -190,12 +190,12 @@ describe('useResource', function () {
               break;
             }
 
-            expect(container.firstChild.textContent).toMatchInlineSnapshot("\"hello, \"");
+            expect(container === null || container === void 0 ? void 0 : (_container$firstChild = container.firstChild) === null || _container$firstChild === void 0 ? void 0 : _container$firstChild.textContent).toMatchInlineSnapshot("\"hello, \"");
             _context2.next = 9;
             return (0, _delay["default"])(DELAY);
 
           case 9:
-            expect(container.firstChild.textContent).toMatchInlineSnapshot("\"hello, \"");
+            expect(container === null || container === void 0 ? void 0 : (_container$firstChild2 = container.firstChild) === null || _container$firstChild2 === void 0 ? void 0 : _container$firstChild2.textContent).toMatchInlineSnapshot("\"hello, SWR\"");
 
           case 10:
             expect(_fetchMock["default"].calls()).toHaveLength(1);
@@ -207,83 +207,20 @@ describe('useResource', function () {
       }
     }, _callee2);
   })));
-  it('useResource should run requests sequentially with dependent data', /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee3() {
-    var resource, resource2, Page, _render2, container;
+  it('should run duplicate request once', /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee3() {
+    var _container$firstChild3, _container$firstChild4;
+
+    var resource, Page, _render2, container;
 
     return _regenerator["default"].wrap(function _callee3$(_context3) {
       while (1) {
         switch (_context3.prev = _context3.next) {
           case 0:
             Page = function _Page2() {
-              var _useResource2 = (0, _index.useResource)(resource),
-                  data = _useResource2.data; // eslint-disable-next-line
-              // @ts-ignore
-
-
-              var _useResource3 = (0, _index.useResource)(resource2, function () {
-                return data.id;
-              }),
-                  finalData = _useResource3.data;
-
-              return /*#__PURE__*/_react["default"].createElement("div", null, "hello, ", finalData === null || finalData === void 0 ? void 0 : finalData.value);
-            };
-
-            resource = 'resource1';
-            resource2 = 'resource2';
-
-            _fetchMock["default"].mock.apply(_fetchMock["default"], (0, _toConsumableArray2["default"])(buildMockOptions({
-              resource: resource,
-              response: {
-                id: 'myid'
-              }
-            })));
-
-            _fetchMock["default"].mock.apply(_fetchMock["default"], (0, _toConsumableArray2["default"])(buildMockOptions({
-              resource: "".concat(resource2, "/myid"),
-              response: {
-                value: 'MyFriend'
-              }
-            })));
-
-            _render2 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(Page, null), {
-              wrapper: wrapper
-            }), container = _render2.container;
-            expect(container.firstChild).not.toBe(null);
-
-            if (!container.firstChild) {
-              _context3.next = 12;
-              break;
-            }
-
-            expect(container.firstChild.textContent).toMatchInlineSnapshot("\"something went wrong\"");
-            _context3.next = 11;
-            return (0, _delay["default"])(DELAY * 2);
-
-          case 11:
-            expect(container.firstChild.textContent).toMatchInlineSnapshot("\"something went wrong\"");
-
-          case 12:
-            expect(_fetchMock["default"].calls()).toHaveLength(2);
-
-          case 13:
-          case "end":
-            return _context3.stop();
-        }
-      }
-    }, _callee3);
-  })));
-  it('should run duplicate request once', /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee4() {
-    var resource, Page, _render3, container;
-
-    return _regenerator["default"].wrap(function _callee4$(_context4) {
-      while (1) {
-        switch (_context4.prev = _context4.next) {
-          case 0:
-            Page = function _Page3() {
               (0, _index.useResource)(resource);
 
-              var _useResource4 = (0, _index.useResource)(resource),
-                  duplData = _useResource4.data;
+              var _useResource2 = (0, _index.useResource)(resource),
+                  duplData = _useResource2.data;
 
               return /*#__PURE__*/_react["default"].createElement("div", null, "hello, ", duplData === null || duplData === void 0 ? void 0 : duplData.value);
             };
@@ -297,32 +234,24 @@ describe('useResource', function () {
               }
             })));
 
-            _render3 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(Page, null), {
+            _render2 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(Page, null), {
               wrapper: wrapper
-            }), container = _render3.container;
+            }), container = _render2.container;
             expect(container.firstChild).not.toBe(null);
-
-            if (!container.firstChild) {
-              _context4.next = 10;
-              break;
-            }
-
-            expect(container.firstChild.textContent).toMatchInlineSnapshot("\"hello, \"");
-            _context4.next = 9;
+            expect(container === null || container === void 0 ? void 0 : (_container$firstChild3 = container.firstChild) === null || _container$firstChild3 === void 0 ? void 0 : _container$firstChild3.textContent).toMatchInlineSnapshot("\"hello, \"");
+            _context3.next = 8;
             return (0, _delay["default"])(DELAY);
 
-          case 9:
-            expect(container.firstChild.textContent).toMatchInlineSnapshot("\"hello, \"");
-
-          case 10:
+          case 8:
+            expect(container === null || container === void 0 ? void 0 : (_container$firstChild4 = container.firstChild) === null || _container$firstChild4 === void 0 ? void 0 : _container$firstChild4.textContent).toMatchInlineSnapshot("\"hello, myvalue\"");
             expect(_fetchMock["default"].calls()).toHaveLength(1);
 
-          case 11:
+          case 10:
           case "end":
-            return _context4.stop();
+            return _context3.stop();
         }
       }
-    }, _callee4);
+    }, _callee3);
   })));
 });
 describe('useResourceAction', function () {
@@ -332,14 +261,16 @@ describe('useResourceAction', function () {
   });
   beforeEach(_fetchMock["default"].resetBehavior);
   beforeEach(_fetchMock["default"].resetHistory);
-  it('useResourceAction should return result ', /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee5() {
-    var resource, Page, _render4, container;
+  it('useResourceAction should return result ', /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee4() {
+    var _container$firstChild5, _container$firstChild6;
 
-    return _regenerator["default"].wrap(function _callee5$(_context5) {
+    var resource, Page, _render3, container;
+
+    return _regenerator["default"].wrap(function _callee4$(_context4) {
       while (1) {
-        switch (_context5.prev = _context5.next) {
+        switch (_context4.prev = _context4.next) {
           case 0:
-            Page = function _Page4() {
+            Page = function _Page3() {
               var _useResourceAction = (0, _index.useResourceAction)(resource, undefined, 'POST', {
                 some: 'data'
               }, undefined),
@@ -362,41 +293,35 @@ describe('useResourceAction', function () {
               method: 'POST'
             })));
 
-            _render4 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(Page, null), {
+            _render3 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(Page, null), {
               wrapper: wrapper
-            }), container = _render4.container;
+            }), container = _render3.container;
             expect(container.firstChild).not.toBe(null);
-
-            if (!container.firstChild) {
-              _context5.next = 10;
-              break;
-            }
-
-            expect(container.firstChild.textContent).toMatchInlineSnapshot("\"hello, \"");
-            _context5.next = 9;
+            expect(container === null || container === void 0 ? void 0 : (_container$firstChild5 = container.firstChild) === null || _container$firstChild5 === void 0 ? void 0 : _container$firstChild5.textContent).toMatchInlineSnapshot("\"hello, \"");
+            _context4.next = 8;
             return (0, _delay["default"])(DELAY * 2);
 
-          case 9:
-            expect(container.firstChild.textContent).toMatchInlineSnapshot("\"hello, \"");
-
-          case 10:
+          case 8:
+            expect(container === null || container === void 0 ? void 0 : (_container$firstChild6 = container.firstChild) === null || _container$firstChild6 === void 0 ? void 0 : _container$firstChild6.textContent).toMatchInlineSnapshot("\"hello, myvalue\"");
             expect(_fetchMock["default"].calls()).toHaveLength(1);
 
-          case 11:
+          case 10:
           case "end":
-            return _context5.stop();
+            return _context4.stop();
         }
       }
-    }, _callee5);
+    }, _callee4);
   })));
-  it('useResourceAction should be invalidated and run twice', /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee6() {
-    var resource, Page, _render5, container;
+  it('useResourceAction should be invalidated and run twice', /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee5() {
+    var _container$firstChild7, _container$firstChild8, _container$firstChild9, _container$firstChild10;
 
-    return _regenerator["default"].wrap(function _callee6$(_context6) {
+    var resource, Page, _render4, container;
+
+    return _regenerator["default"].wrap(function _callee5$(_context5) {
       while (1) {
-        switch (_context6.prev = _context6.next) {
+        switch (_context5.prev = _context5.next) {
           case 0:
-            Page = function _Page5() {
+            Page = function _Page4() {
               var _useResourceAction2 = (0, _index.useResourceAction)(resource, undefined, 'POST', {
                 some: 'data'
               }, undefined),
@@ -428,42 +353,34 @@ describe('useResourceAction', function () {
               method: 'POST'
             })));
 
-            _render5 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(Page, null), {
+            _render4 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(Page, null), {
               wrapper: wrapper
-            }), container = _render5.container;
+            }), container = _render4.container;
             expect(container.firstChild).not.toBe(null);
-
-            if (!container.firstChild) {
-              _context6.next = 16;
-              break;
-            }
-
-            expect(container.firstChild.textContent).toMatchInlineSnapshot("\"hello, \"");
-            _context6.next = 9;
+            expect(container === null || container === void 0 ? void 0 : (_container$firstChild7 = container.firstChild) === null || _container$firstChild7 === void 0 ? void 0 : _container$firstChild7.textContent).toMatchInlineSnapshot("\"hello, \"");
+            _context5.next = 8;
             return (0, _delay["default"])(DELAY);
 
-          case 9:
-            expect(container.firstChild.textContent).toMatchInlineSnapshot("\"hello, \"");
-            _context6.next = 12;
+          case 8:
+            expect(container === null || container === void 0 ? void 0 : (_container$firstChild8 = container.firstChild) === null || _container$firstChild8 === void 0 ? void 0 : _container$firstChild8.textContent).toMatchInlineSnapshot("\"hello, myvalue\"");
+            _context5.next = 11;
             return (0, _delay["default"])(DELAY);
 
-          case 12:
-            expect(container.firstChild.textContent).toMatchInlineSnapshot("\"hello, \"");
-            _context6.next = 15;
+          case 11:
+            expect(container === null || container === void 0 ? void 0 : (_container$firstChild9 = container.firstChild) === null || _container$firstChild9 === void 0 ? void 0 : _container$firstChild9.textContent).toMatchInlineSnapshot("\"hello, \"");
+            _context5.next = 14;
             return (0, _delay["default"])(DELAY * 2);
 
-          case 15:
-            expect(container.firstChild.textContent).toMatchInlineSnapshot("\"hello, \"");
-
-          case 16:
+          case 14:
+            expect(container === null || container === void 0 ? void 0 : (_container$firstChild10 = container.firstChild) === null || _container$firstChild10 === void 0 ? void 0 : _container$firstChild10.textContent).toMatchInlineSnapshot("\"hello, myvalue\"");
             expect(_fetchMock["default"].calls()).toHaveLength(2);
 
-          case 17:
+          case 16:
           case "end":
-            return _context6.stop();
+            return _context5.stop();
         }
       }
-    }, _callee6);
+    }, _callee5);
   })));
 });
 describe('useResourceMany', function () {
@@ -472,15 +389,18 @@ describe('useResourceMany', function () {
     _fetchMock["default"].restore();
   });
   beforeEach(_fetchMock["default"].resetBehavior);
-  beforeEach(_fetchMock["default"].resetHistory);
-  it('useResourceMany should return data', /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee7() {
-    var resource, Page, _render6, container;
+  beforeEach(_fetchMock["default"].resetHistory); //check this test again (loading/hello)
 
-    return _regenerator["default"].wrap(function _callee7$(_context7) {
+  it('useResourceMany should return data', /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee6() {
+    var _container$firstChild11, _container$firstChild12;
+
+    var resource, Page, _render5, container;
+
+    return _regenerator["default"].wrap(function _callee6$(_context6) {
       while (1) {
-        switch (_context7.prev = _context7.next) {
+        switch (_context6.prev = _context6.next) {
           case 0:
-            Page = function _Page6() {
+            Page = function _Page5() {
               var _useResourceMany = (0, _index.useResourceMany)(resource),
                   data = _useResourceMany.data;
 
@@ -504,41 +424,35 @@ describe('useResourceMany', function () {
               }
             })));
 
-            _render6 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(Page, null), {
+            _render5 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(Page, null), {
               wrapper: wrapper
-            }), container = _render6.container;
+            }), container = _render5.container;
             expect(container.firstChild).not.toBe(null);
-
-            if (!container.firstChild) {
-              _context7.next = 10;
-              break;
-            }
-
-            expect(container.firstChild.textContent).toMatchInlineSnapshot("\"Loading\"");
-            _context7.next = 9;
+            expect(container === null || container === void 0 ? void 0 : (_container$firstChild11 = container.firstChild) === null || _container$firstChild11 === void 0 ? void 0 : _container$firstChild11.textContent).toMatchInlineSnapshot("\"Loading\"");
+            _context6.next = 8;
             return (0, _delay["default"])(DELAY * 2);
 
-          case 9:
-            expect(container.firstChild.textContent).toMatchInlineSnapshot("\"Loading\"");
-
-          case 10:
+          case 8:
+            expect(container === null || container === void 0 ? void 0 : (_container$firstChild12 = container.firstChild) === null || _container$firstChild12 === void 0 ? void 0 : _container$firstChild12.textContent).toMatchInlineSnapshot("\"hello, SWR\"");
             expect(_fetchMock["default"].calls()).toHaveLength(1);
 
-          case 11:
+          case 10:
           case "end":
-            return _context7.stop();
+            return _context6.stop();
         }
       }
-    }, _callee7);
+    }, _callee6);
   })));
-  it('useResourceMany should handle hasNext, hasPrevious', /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee8() {
-    var resource, Page, _render7, container;
+  it('useResourceMany should handle hasNext, hasPrevious', /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee7() {
+    var _container$firstChild13, _container$firstChild14;
 
-    return _regenerator["default"].wrap(function _callee8$(_context8) {
+    var resource, Page, _render6, container;
+
+    return _regenerator["default"].wrap(function _callee7$(_context7) {
       while (1) {
-        switch (_context8.prev = _context8.next) {
+        switch (_context7.prev = _context7.next) {
           case 0:
-            Page = function _Page7() {
+            Page = function _Page6() {
               var _useResourceMany2 = (0, _index.useResourceMany)(resource),
                   hasNext = _useResourceMany2.hasNext,
                   hasPrevious = _useResourceMany2.hasPrevious;
@@ -563,41 +477,35 @@ describe('useResourceMany', function () {
               }
             })));
 
-            _render7 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(Page, null), {
+            _render6 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(Page, null), {
               wrapper: wrapper
-            }), container = _render7.container;
+            }), container = _render6.container;
             expect(container.firstChild).not.toBe(null);
-
-            if (!container.firstChild) {
-              _context8.next = 10;
-              break;
-            }
-
-            expect(container.firstChild.textContent).toMatchInlineSnapshot("\"Loading\"");
-            _context8.next = 9;
+            expect(container === null || container === void 0 ? void 0 : (_container$firstChild13 = container.firstChild) === null || _container$firstChild13 === void 0 ? void 0 : _container$firstChild13.textContent).toMatchInlineSnapshot("\"Loading\"");
+            _context7.next = 8;
             return (0, _delay["default"])(DELAY);
 
-          case 9:
-            expect(container.firstChild.textContent).toMatchInlineSnapshot("\"Loading\"");
-
-          case 10:
+          case 8:
+            expect(container === null || container === void 0 ? void 0 : (_container$firstChild14 = container.firstChild) === null || _container$firstChild14 === void 0 ? void 0 : _container$firstChild14.textContent).toMatchInlineSnapshot("\"no next,no previous\"");
             expect(_fetchMock["default"].calls()).toHaveLength(1);
 
-          case 11:
+          case 10:
           case "end":
-            return _context8.stop();
+            return _context7.stop();
         }
       }
-    }, _callee8);
+    }, _callee7);
   })));
-  it('useResourceMany should handle setPage with custom limit option', /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee9() {
-    var resource, Page, _render8, container, getByText;
+  it('useResourceMany should handle setPage with custom limit option', /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee8() {
+    var _container$firstChild15, _container$firstChild16, _container$firstChild17;
 
-    return _regenerator["default"].wrap(function _callee9$(_context9) {
+    var resource, Page, _render7, container, getByText;
+
+    return _regenerator["default"].wrap(function _callee8$(_context8) {
       while (1) {
-        switch (_context9.prev = _context9.next) {
+        switch (_context8.prev = _context8.next) {
           case 0:
-            Page = function _Page8() {
+            Page = function _Page7() {
               var _useResourceMany3 = (0, _index.useResourceMany)(resource, {
                 limit: 10
               }),
@@ -646,39 +554,31 @@ describe('useResourceMany', function () {
               }
             })));
 
-            _render8 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(Page, null), {
+            _render7 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(Page, null), {
               wrapper: wrapper
-            }), container = _render8.container, getByText = _render8.getByText;
+            }), container = _render7.container, getByText = _render7.getByText;
             expect(container.firstChild).not.toBe(null);
-
-            if (!container.firstChild) {
-              _context9.next = 15;
-              break;
-            }
-
-            expect(container.firstChild.textContent).toMatchInlineSnapshot("\"Loading\"");
-            _context9.next = 10;
+            expect(container === null || container === void 0 ? void 0 : (_container$firstChild15 = container.firstChild) === null || _container$firstChild15 === void 0 ? void 0 : _container$firstChild15.textContent).toMatchInlineSnapshot("\"Loading\"");
+            _context8.next = 9;
             return (0, _delay["default"])(DELAY);
 
-          case 10:
-            expect(container.firstChild.textContent).toMatchInlineSnapshot("\"Loading\"");
+          case 9:
+            expect(container === null || container === void 0 ? void 0 : (_container$firstChild16 = container.firstChild) === null || _container$firstChild16 === void 0 ? void 0 : _container$firstChild16.textContent).toMatchInlineSnapshot("\"hello, SWRnext\"");
 
             _react2.fireEvent.click(getByText('next'));
 
-            _context9.next = 14;
-            return (0, _delay["default"])(DELAY);
-
-          case 14:
-            expect(container.firstChild.textContent).toMatchInlineSnapshot("\"hello, RWSnext\"");
+            _context8.next = 13;
+            return (0, _delay["default"])(DELAY * 2);
 
-          case 15:
+          case 13:
+            expect(container === null || container === void 0 ? void 0 : (_container$firstChild17 = container.firstChild) === null || _container$firstChild17 === void 0 ? void 0 : _container$firstChild17.textContent).toMatchInlineSnapshot("\"hello, RWSnext\"");
             expect(_fetchMock["default"].calls()).toHaveLength(2);
 
-          case 16:
+          case 15:
           case "end":
-            return _context9.stop();
+            return _context8.stop();
         }
       }
-    }, _callee9);
+    }, _callee8);
   })));
 });

package/app/App.js

@@ -24,26 +24,24 @@ var useAppStyles = (0, _styles.makeStyles)({
 });
 exports.useAppStyles = useAppStyles;
 
-var _ref2 = /*#__PURE__*/_react["default"].createElement(_CssBaseline["default"], null);
-
 var App = function App(_ref) {
   var theme = _ref.theme,
       children = _ref.children;
   return /*#__PURE__*/_react["default"].createElement(_styles.ThemeProvider, {
     theme: theme
-  }, _ref2, /*#__PURE__*/_react["default"].createElement(_react.Suspense, {
+  }, /*#__PURE__*/_react["default"].createElement(_react.Suspense, {
     fallback: 'loading...'
   }, children));
 };
 
-var _ref4 = /*#__PURE__*/_react["default"].createElement(_CssBaseline["default"], null);
+var _ref3 = /*#__PURE__*/_react["default"].createElement(_CssBaseline["default"], null);
 
-var StaticApp = function StaticApp(_ref3) {
-  var theme = _ref3.theme,
-      children = _ref3.children;
+var StaticApp = function StaticApp(_ref2) {
+  var theme = _ref2.theme,
+      children = _ref2.children;
   return /*#__PURE__*/_react["default"].createElement(_styles.ThemeProvider, {
     theme: theme
-  }, _ref4, children);
+  }, _ref3, children);
 };
 
 exports.StaticApp = StaticApp;

package/app/Header/HeaderLogo.js

@@ -5,46 +5,26 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useHeaderLogoStyles = exports["default"] = exports.HeaderLogo = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _clsx = _interopRequireDefault(require("clsx"));
-
-var _HeaderTitle = _interopRequireDefault(require("@digigov/ui/app/Header/HeaderTitle"));
-
-var _core = require("@material-ui/core");
-
-var useHeaderLogoStyles = (0, _core.makeStyles)(function () {
-  return {
-    root: {}
-  };
-}, {
-  name: 'MuiHeaderLogo'
+exports["default"] = exports.HeaderLogo = void 0;
+
+var _HeaderLogo = _interopRequireDefault(require("@digigov/react-core/HeaderLogo"));
+
+var _withDeprecation = _interopRequireDefault(require("@digigov/ui/utils/withDeprecation"));
+
+var HeaderLogo = (0, _withDeprecation["default"])(_HeaderLogo["default"], {
+  name: 'HeaderLogo',
+  props: {
+    height: {
+      warning: true
+    },
+    linkprops: {
+      warning: true
+    },
+    label: {
+      warning: true
+    }
+  }
 });
-exports.useHeaderLogoStyles = useHeaderLogoStyles;
-
-var HeaderLogo = function HeaderLogo(_ref) {
-  var _ref$href = _ref.href,
-      href = _ref$href === void 0 ? '' : _ref$href,
-      src = _ref.src,
-      label = _ref.label,
-      height = _ref.height,
-      className = _ref.className,
-      children = _ref.children,
-      linkProps = _ref.linkProps;
-  var styles = useHeaderLogoStyles();
-  return /*#__PURE__*/_react["default"].createElement(_HeaderTitle["default"], {
-    linkComponent: "a",
-    href: href,
-    linkProps: linkProps,
-    className: (0, _clsx["default"])(className, styles.root)
-  }, src ? /*#__PURE__*/_react["default"].createElement("img", {
-    src: src,
-    height: height || 40
-  }) : children || label || '');
-};
-
 exports.HeaderLogo = HeaderLogo;
 var _default = HeaderLogo;
 exports["default"] = _default;