@digigov/ui 0.8.0 → 0.9.1

package/es/api/index.spec.js

@@ -8,7 +8,7 @@ import React, { Suspense, useEffect } from 'react';
 import { render, fireEvent } from '@testing-library/react';
 import fetchMock from 'fetch-mock';
 import { APIProvider, useResource, useResourceAction, useResourceMany, APIErrors } from '@digigov/ui/api/index';
-import delay from '../test-utils/delay';
+import delay from '@digigov/ui/test-utils/delay';
 import fetchAPI from '@digigov/ui/api/fetchAPI';
 import 'whatwg-fetch';
 
@@ -105,7 +105,7 @@ describe('fetchAPI', function () {
             resource = 'resource';
             path = 'some_id';
             fetchMock.mock.apply(fetchMock, _toConsumableArray(buildMockOptions({
-              resource: "".concat(resource, "/").concat(path),
+              resource: "".concat(resource, "/").concat(path, "/"),
               response: {
                 value: 'SWR'
               }
@@ -137,7 +137,7 @@ describe('useResource', function () {
   beforeEach(fetchMock.resetBehavior);
   beforeEach(fetchMock.resetHistory);
   it('useResource should return data', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
-    var resource, Page, _render, container;
+    var resource, Page, _render, container, _container$firstChild, _container$firstChild2;
 
     return _regeneratorRuntime.wrap(function _callee2$(_context2) {
       while (1) {
@@ -167,12 +167,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 delay(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.calls()).toHaveLength(1);
@@ -184,80 +184,20 @@ describe('useResource', function () {
       }
     }, _callee2);
   })));
-  it('useResource should run requests sequentially with dependent data', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
-    var resource, resource2, Page, _render2, container;
+  it('should run duplicate request once', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
+    var _container$firstChild3, _container$firstChild4;
+
+    var resource, Page, _render2, container;
 
     return _regeneratorRuntime.wrap(function _callee3$(_context3) {
       while (1) {
         switch (_context3.prev = _context3.next) {
           case 0:
             Page = function _Page2() {
-              var _useResource2 = useResource(resource),
-                  data = _useResource2.data; // eslint-disable-next-line
-              // @ts-ignore
-
-
-              var _useResource3 = useResource(resource2, function () {
-                return data.id;
-              }),
-                  finalData = _useResource3.data;
-
-              return /*#__PURE__*/React.createElement("div", null, "hello, ", finalData === null || finalData === void 0 ? void 0 : finalData.value);
-            };
-
-            resource = 'resource1';
-            resource2 = 'resource2';
-            fetchMock.mock.apply(fetchMock, _toConsumableArray(buildMockOptions({
-              resource: resource,
-              response: {
-                id: 'myid'
-              }
-            })));
-            fetchMock.mock.apply(fetchMock, _toConsumableArray(buildMockOptions({
-              resource: "".concat(resource2, "/myid"),
-              response: {
-                value: 'MyFriend'
-              }
-            })));
-            _render2 = render( /*#__PURE__*/React.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 delay(DELAY * 2);
-
-          case 11:
-            expect(container.firstChild.textContent).toMatchInlineSnapshot("\"something went wrong\"");
-
-          case 12:
-            expect(fetchMock.calls()).toHaveLength(2);
-
-          case 13:
-          case "end":
-            return _context3.stop();
-        }
-      }
-    }, _callee3);
-  })));
-  it('should run duplicate request once', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4() {
-    var resource, Page, _render3, container;
-
-    return _regeneratorRuntime.wrap(function _callee4$(_context4) {
-      while (1) {
-        switch (_context4.prev = _context4.next) {
-          case 0:
-            Page = function _Page3() {
               useResource(resource);
 
-              var _useResource4 = useResource(resource),
-                  duplData = _useResource4.data;
+              var _useResource2 = useResource(resource),
+                  duplData = _useResource2.data;
 
               return /*#__PURE__*/React.createElement("div", null, "hello, ", duplData === null || duplData === void 0 ? void 0 : duplData.value);
             };
@@ -269,32 +209,24 @@ describe('useResource', function () {
                 value: 'myvalue'
               }
             })));
-            _render3 = render( /*#__PURE__*/React.createElement(Page, null), {
+            _render2 = render( /*#__PURE__*/React.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 delay(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.calls()).toHaveLength(1);
 
-          case 11:
+          case 10:
           case "end":
-            return _context4.stop();
+            return _context3.stop();
         }
       }
-    }, _callee4);
+    }, _callee3);
   })));
 });
 describe('useResourceAction', function () {
@@ -304,14 +236,16 @@ describe('useResourceAction', function () {
   });
   beforeEach(fetchMock.resetBehavior);
   beforeEach(fetchMock.resetHistory);
-  it('useResourceAction should return result ', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee5() {
-    var resource, Page, _render4, container;
+  it('useResourceAction should return result ', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4() {
+    var _container$firstChild5, _container$firstChild6;
 
-    return _regeneratorRuntime.wrap(function _callee5$(_context5) {
+    var resource, Page, _render3, container;
+
+    return _regeneratorRuntime.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 = useResourceAction(resource, undefined, 'POST', {
                 some: 'data'
               }, undefined),
@@ -332,41 +266,35 @@ describe('useResourceAction', function () {
               },
               method: 'POST'
             })));
-            _render4 = render( /*#__PURE__*/React.createElement(Page, null), {
+            _render3 = render( /*#__PURE__*/React.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 delay(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.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__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee6() {
-    var resource, Page, _render5, container;
+  it('useResourceAction should be invalidated and run twice', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee5() {
+    var _container$firstChild7, _container$firstChild8, _container$firstChild9, _container$firstChild10;
 
-    return _regeneratorRuntime.wrap(function _callee6$(_context6) {
+    var resource, Page, _render4, container;
+
+    return _regeneratorRuntime.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 = useResourceAction(resource, undefined, 'POST', {
                 some: 'data'
               }, undefined),
@@ -396,42 +324,34 @@ describe('useResourceAction', function () {
               },
               method: 'POST'
             })));
-            _render5 = render( /*#__PURE__*/React.createElement(Page, null), {
+            _render4 = render( /*#__PURE__*/React.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 delay(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 delay(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 delay(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.calls()).toHaveLength(2);
 
-          case 17:
+          case 16:
           case "end":
-            return _context6.stop();
+            return _context5.stop();
         }
       }
-    }, _callee6);
+    }, _callee5);
   })));
 });
 describe('useResourceMany', function () {
@@ -440,15 +360,18 @@ describe('useResourceMany', function () {
     fetchMock.restore();
   });
   beforeEach(fetchMock.resetBehavior);
-  beforeEach(fetchMock.resetHistory);
-  it('useResourceMany should return data', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee7() {
-    var resource, Page, _render6, container;
+  beforeEach(fetchMock.resetHistory); //check this test again (loading/hello)
 
-    return _regeneratorRuntime.wrap(function _callee7$(_context7) {
+  it('useResourceMany should return data', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee6() {
+    var _container$firstChild11, _container$firstChild12;
+
+    var resource, Page, _render5, container;
+
+    return _regeneratorRuntime.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 = useResourceMany(resource),
                   data = _useResourceMany.data;
 
@@ -470,41 +393,35 @@ describe('useResourceMany', function () {
                 }
               }
             })));
-            _render6 = render( /*#__PURE__*/React.createElement(Page, null), {
+            _render5 = render( /*#__PURE__*/React.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 delay(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.calls()).toHaveLength(1);
 
-          case 11:
+          case 10:
           case "end":
-            return _context7.stop();
+            return _context6.stop();
         }
       }
-    }, _callee7);
+    }, _callee6);
   })));
-  it('useResourceMany should handle hasNext, hasPrevious', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee8() {
-    var resource, Page, _render7, container;
+  it('useResourceMany should handle hasNext, hasPrevious', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee7() {
+    var _container$firstChild13, _container$firstChild14;
 
-    return _regeneratorRuntime.wrap(function _callee8$(_context8) {
+    var resource, Page, _render6, container;
+
+    return _regeneratorRuntime.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 = useResourceMany(resource),
                   hasNext = _useResourceMany2.hasNext,
                   hasPrevious = _useResourceMany2.hasPrevious;
@@ -527,41 +444,35 @@ describe('useResourceMany', function () {
                 }
               }
             })));
-            _render7 = render( /*#__PURE__*/React.createElement(Page, null), {
+            _render6 = render( /*#__PURE__*/React.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 delay(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.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__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee9() {
-    var resource, Page, _render8, container, getByText;
+  it('useResourceMany should handle setPage with custom limit option', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee8() {
+    var _container$firstChild15, _container$firstChild16, _container$firstChild17;
+
+    var resource, Page, _render7, container, getByText;
 
-    return _regeneratorRuntime.wrap(function _callee9$(_context9) {
+    return _regeneratorRuntime.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 = useResourceMany(resource, {
                 limit: 10
               }),
@@ -607,37 +518,29 @@ describe('useResourceMany', function () {
                 }
               }
             })));
-            _render8 = render( /*#__PURE__*/React.createElement(Page, null), {
+            _render7 = render( /*#__PURE__*/React.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 delay(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\"");
             fireEvent.click(getByText('next'));
-            _context9.next = 14;
-            return delay(DELAY);
-
-          case 14:
-            expect(container.firstChild.textContent).toMatchInlineSnapshot("\"hello, RWSnext\"");
+            _context8.next = 13;
+            return delay(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.calls()).toHaveLength(2);
 
-          case 16:
+          case 15:
           case "end":
-            return _context9.stop();
+            return _context8.stop();
         }
       }
-    }, _callee9);
+    }, _callee8);
   })));
 });

package/es/app/App.js

@@ -5,25 +5,23 @@ export var useAppStyles = makeStyles({
   root: {}
 });
 
-var _ref2 = /*#__PURE__*/React.createElement(CssBaseline, null);
-
 var App = function App(_ref) {
   var theme = _ref.theme,
       children = _ref.children;
   return /*#__PURE__*/React.createElement(ThemeProvider, {
     theme: theme
-  }, _ref2, /*#__PURE__*/React.createElement(Suspense, {
+  }, /*#__PURE__*/React.createElement(Suspense, {
     fallback: 'loading...'
   }, children));
 };
 
-var _ref4 = /*#__PURE__*/React.createElement(CssBaseline, null);
+var _ref3 = /*#__PURE__*/React.createElement(CssBaseline, null);
 
-export var StaticApp = function StaticApp(_ref3) {
-  var theme = _ref3.theme,
-      children = _ref3.children;
+export var StaticApp = function StaticApp(_ref2) {
+  var theme = _ref2.theme,
+      children = _ref2.children;
   return /*#__PURE__*/React.createElement(ThemeProvider, {
     theme: theme
-  }, _ref4, children);
+  }, _ref3, children);
 };
 export default App;

package/es/app/Header/HeaderLogo.js

@@ -1,32 +1,17 @@
-import React from 'react';
-import clsx from 'clsx';
-import HeaderTitle from '@digigov/ui/app/Header/HeaderTitle';
-import { makeStyles } from '@material-ui/core';
-export var useHeaderLogoStyles = makeStyles(function () {
-  return {
-    root: {}
-  };
-}, {
-  name: 'MuiHeaderLogo'
+import CoreHeaderLogo from '@digigov/react-core/HeaderLogo';
+import withDeprecation from '@digigov/ui/utils/withDeprecation';
+export var HeaderLogo = withDeprecation(CoreHeaderLogo, {
+  name: 'HeaderLogo',
+  props: {
+    height: {
+      warning: true
+    },
+    linkprops: {
+      warning: true
+    },
+    label: {
+      warning: true
+    }
+  }
 });
-export 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.createElement(HeaderTitle, {
-    linkComponent: "a",
-    href: href,
-    linkProps: linkProps,
-    className: clsx(className, styles.root)
-  }, src ? /*#__PURE__*/React.createElement("img", {
-    src: src,
-    height: height || 40
-  }) : children || label || '');
-};
 export default HeaderLogo;

package/es/app/Header/HeaderSection.js

@@ -1,38 +1,7 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children", "className"];
-import React from 'react';
-import clsx from 'clsx';
-import Grid from '@material-ui/core/Grid';
-import { makeStyles } from '@material-ui/core';
-export var useHeaderSectionStyles = makeStyles(function (theme) {
-  return {
-    root: {
-      display: 'flex',
-      alignItems: 'center',
-      padding: theme.spacing(2, 0)
-    },
-    container: {
-      padding: theme.spacing(2, 0)
-    }
-  };
-}, {
-  name: 'MuiHeaderSection'
+import CoreHeaderSection from '@digigov/react-core/HeaderSection';
+import withDeprecation from '@digigov/ui/utils/withDeprecation';
+export var HeaderSection = withDeprecation(CoreHeaderSection, {
+  name: 'HeaderSection',
+  rename: 'HeaderSection'
 });
-export var HeaderSection = function HeaderSection(_ref) {
-  var children = _ref.children,
-      className = _ref.className,
-      props = _objectWithoutProperties(_ref, _excluded);
-
-  var styles = useHeaderSectionStyles();
-  return /*#__PURE__*/React.createElement(Grid, _extends({
-    item: true,
-    className: clsx(className, styles.root)
-  }, props), /*#__PURE__*/React.createElement(Grid, {
-    container: true,
-    alignItems: "center",
-    spacing: 2,
-    className: styles.container
-  }, children));
-};
 export default HeaderSection;