@digigov/ui 0.8.3 → 0.9.2

package/CHANGELOG.md

@@ -1,6 +1,39 @@
 # Change Log - @digigov/ui
 
-This log was last generated on Tue, 02 Nov 2021 12:05:42 GMT and should not be manually modified.
+This log was last generated on Thu, 30 Dec 2021 14:56:45 GMT and should not be manually modified.
+
+## 0.9.2
+Thu, 30 Dec 2021 14:56:45 GMT
+
+### Patches
+
+- handle depracation logs better
+
+## 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

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;

package/app/Header/HeaderSection.js

@@ -5,53 +5,16 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useHeaderSectionStyles = exports["default"] = exports.HeaderSection = void 0;
+exports["default"] = exports.HeaderSection = void 0;
 
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _HeaderSection = _interopRequireDefault(require("@digigov/react-core/HeaderSection"));
 
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _withDeprecation = _interopRequireDefault(require("@digigov/ui/utils/withDeprecation"));
 
-var _react = _interopRequireDefault(require("react"));
-
-var _clsx = _interopRequireDefault(require("clsx"));
-
-var _Grid = _interopRequireDefault(require("@material-ui/core/Grid"));
-
-var _core = require("@material-ui/core");
-
-var _excluded = ["children", "className"];
-var useHeaderSectionStyles = (0, _core.makeStyles)(function (theme) {
-  return {
-    root: {
-      display: 'flex',
-      alignItems: 'center',
-      padding: theme.spacing(2, 0)
-    },
-    container: {
-      padding: theme.spacing(2, 0)
-    }
-  };
-}, {
-  name: 'MuiHeaderSection'
+var HeaderSection = (0, _withDeprecation["default"])(_HeaderSection["default"], {
+  name: 'HeaderSection',
+  rename: 'HeaderSection'
 });
-exports.useHeaderSectionStyles = useHeaderSectionStyles;
-
-var HeaderSection = function HeaderSection(_ref) {
-  var children = _ref.children,
-      className = _ref.className,
-      props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  var styles = useHeaderSectionStyles();
-  return /*#__PURE__*/_react["default"].createElement(_Grid["default"], (0, _extends2["default"])({
-    item: true,
-    className: (0, _clsx["default"])(className, styles.root)
-  }, props), /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
-    container: true,
-    alignItems: "center",
-    spacing: 2,
-    className: styles.container
-  }, children));
-};
-
 exports.HeaderSection = HeaderSection;
 var _default = HeaderSection;
 exports["default"] = _default;

package/app/Header/HeaderTitle.js

@@ -5,103 +5,26 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useHeaderTitleStyles = exports.useHeaderSubtitleStyles = exports["default"] = exports.HeaderTitle = exports.HeaderSubtitle = void 0;
+exports["default"] = exports.HeaderTitle = void 0;
 
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _HeaderTitle = _interopRequireDefault(require("@digigov/react-core/HeaderTitle"));
 
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _withDeprecation = _interopRequireDefault(require("@digigov/ui/utils/withDeprecation"));
 
-var _react = _interopRequireDefault(require("react"));
-
-var _clsx = _interopRequireDefault(require("clsx"));
-
-var _ButtonBase = _interopRequireDefault(require("@material-ui/core/ButtonBase"));
-
-var _Title = _interopRequireDefault(require("@digigov/ui/typography/Title"));
-
-var _Link = _interopRequireDefault(require("@digigov/ui/core/Link"));
-
-var _Grid = _interopRequireDefault(require("@material-ui/core/Grid"));
-
-var _core = require("@material-ui/core");
-
-var _excluded = ["children", "className", "href", "linkComponent", "linkProps"],
-    _excluded2 = ["children"];
-var useHeaderTitleStyles = (0, _core.makeStyles)(function (theme) {
-  return {
-    link: {},
-    grid: {
-      display: 'flex',
-      alignItems: 'center'
+var HeaderTitle = (0, _withDeprecation["default"])(_HeaderTitle["default"], {
+  name: 'Header',
+  props: {
+    xs: {
+      error: true
     },
-    root: {
-      color: theme.palette.primary.contrastText,
-      marginTop: 0,
-      marginBottom: 0,
-      padding: theme.spacing(0, 1),
-      lineHeight: '1.5rem'
+    linkProps: {
+      error: 'The `linkProps` property is deprecated. You can use native anchor link props instead.'
+    },
+    linkComponent: {
+      error: 'The `linkComponent` property is deprecated.'
     }
-  };
-}, {
-  name: 'MuiHeaderTitle'
+  }
 });
-exports.useHeaderTitleStyles = useHeaderTitleStyles;
-
-var HeaderTitle = function HeaderTitle(_ref) {
-  var children = _ref.children,
-      className = _ref.className,
-      _ref$href = _ref.href,
-      href = _ref$href === void 0 ? '/' : _ref$href,
-      _ref$linkComponent = _ref.linkComponent,
-      linkComponent = _ref$linkComponent === void 0 ? _Link["default"] : _ref$linkComponent,
-      linkProps = _ref.linkProps,
-      props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  var styles = useHeaderTitleStyles(props);
-  var xs = props.xs === undefined ? 'auto' : props.xs;
-  return /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
-    item: true,
-    xs: xs,
-    className: (0, _clsx["default"])(className, styles.grid)
-  }, /*#__PURE__*/_react["default"].createElement(_ButtonBase["default"], (0, _extends2["default"])({
-    className: styles.link,
-    disableRipple: true,
-    component: linkComponent,
-    href: href
-  }, linkProps), /*#__PURE__*/_react["default"].createElement(_Title["default"], {
-    className: styles.root,
-    size: "md"
-  }, children)));
-};
-
 exports.HeaderTitle = HeaderTitle;
-var useHeaderSubtitleStyles = (0, _core.makeStyles)(function (theme) {
-  return {
-    root: {
-      marginLeft: theme.spacing(1),
-      fontSize: '1.2rem',
-      '& a': {
-        color: theme.palette.common.white,
-        '&:visited': {
-          color: theme.palette.common.white
-        }
-      }
-    }
-  };
-}, {
-  name: 'MuiHeaderSubtitle'
-});
-exports.useHeaderSubtitleStyles = useHeaderSubtitleStyles;
-
-var HeaderSubtitle = function HeaderSubtitle(_ref2) {
-  var children = _ref2.children,
-      props = (0, _objectWithoutProperties2["default"])(_ref2, _excluded2);
-  var styles = useHeaderSubtitleStyles(props);
-  return /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
-    item: true,
-    className: styles.root
-  }, children);
-};
-
-exports.HeaderSubtitle = HeaderSubtitle;
 var _default = HeaderTitle;
 exports["default"] = _default;

package/app/Header/index.js

@@ -6,28 +6,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 var _exportNames = {
-  useHeaderStyles: true,
   Header: true
 };
-exports.useHeaderStyles = exports["default"] = exports.Header = void 0;
+exports["default"] = exports.Header = void 0;
 
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _Header = _interopRequireDefault(require("@digigov/react-core/Header"));
 
-var _react = _interopRequireDefault(require("react"));
-
-var _clsx = _interopRequireDefault(require("clsx"));
-
-var _Grid = _interopRequireDefault(require("@material-ui/core/Grid"));
-
-var _Container = _interopRequireDefault(require("@material-ui/core/Container"));
-
-var _AppBar = _interopRequireDefault(require("@material-ui/core/AppBar"));
-
-var _Toolbar = _interopRequireDefault(require("@material-ui/core/Toolbar"));
-
-var _core = require("@material-ui/core");
-
-var _useMediaQuery = _interopRequireDefault(require("@material-ui/core/useMediaQuery"));
+var _withDeprecation = _interopRequireDefault(require("@digigov/ui/utils/withDeprecation"));
 
 var _HeaderTitle = require("@digigov/ui/app/Header/HeaderTitle");
 
@@ -43,6 +28,20 @@ Object.keys(_HeaderTitle).forEach(function (key) {
   });
 });
 
+var _HeaderSubtitle = require("@digigov/react-core/HeaderSubtitle");
+
+Object.keys(_HeaderSubtitle).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _HeaderSubtitle[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _HeaderSubtitle[key];
+    }
+  });
+});
+
 var _HeaderLogo = require("@digigov/ui/app/Header/HeaderLogo");
 
 Object.keys(_HeaderLogo).forEach(function (key) {
@@ -70,56 +69,10 @@ Object.keys(_HeaderSection).forEach(function (key) {
     }
   });
 });
-var _excluded = ["children", "className", "maxWidth"];
-var useHeaderStyles = (0, _core.makeStyles)(function (theme) {
-  return {
-    root: {
-      backgroundColor: theme.palette.primary.main
-    },
-    toolbar: {
-      minHeight: 75
-    },
-    coloredBar: {
-      background: theme.palette.secondary.main,
-      width: '100%',
-      height: theme.spacing(1),
-      marginLeft: 'auto',
-      marginRight: 'auto'
-    }
-  };
-}, {
-  name: 'MuiHeader'
+var Header = (0, _withDeprecation["default"])(_Header["default"], {
+  name: 'Header',
+  props: {}
 });
-exports.useHeaderStyles = useHeaderStyles;
-
-var Header = function Header(_ref) {
-  var children = _ref.children,
-      className = _ref.className,
-      maxWidth = _ref.maxWidth,
-      props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  var styles = useHeaderStyles(props);
-  var theme = (0, _core.useTheme)();
-  var xs = (0, _useMediaQuery["default"])(theme.breakpoints.down('xs'));
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_AppBar["default"], {
-    elevation: 0,
-    className: (0, _clsx["default"])(styles.root, className),
-    position: "static"
-  }, /*#__PURE__*/_react["default"].createElement(_Container["default"], {
-    maxWidth: maxWidth
-  }, /*#__PURE__*/_react["default"].createElement(_Toolbar["default"], {
-    variant: "dense",
-    disableGutters: true,
-    className: styles.toolbar
-  }, /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
-    container: true,
-    alignItems: "center",
-    justify: xs ? 'space-between' : 'flex-start',
-    spacing: 1
-  }, children))), /*#__PURE__*/_react["default"].createElement("div", {
-    className: styles.coloredBar
-  })));
-};
-
 exports.Header = Header;
 var _default = Header;
 exports["default"] = _default;

package/app/Header/index.spec.js

@@ -21,7 +21,6 @@ var logo = "data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMC
 
 var _ref = /*#__PURE__*/React.createElement(_Header["default"], null, /*#__PURE__*/React.createElement(_Header.HeaderLogo, {
   src: logo,
-  height: '50',
   href: "https://gov.gr"
 }), /*#__PURE__*/React.createElement(_Header.HeaderTitle, {
   href: "/some-url"

package/app/PageTitle.js

@@ -13,100 +13,64 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 
 var _react = _interopRequireDefault(require("react"));
 
-var _clsx = _interopRequireDefault(require("clsx"));
-
 var _Caption = _interopRequireDefault(require("@digigov/ui/typography/Caption"));
 
 var _Title = _interopRequireDefault(require("@digigov/ui/typography/Title"));
 
-var _styles = require("@material-ui/core/styles");
-
-var _Grid = _interopRequireDefault(require("@material-ui/core/Grid"));
+var _withDeprecation = _interopRequireDefault(require("@digigov/ui/utils/withDeprecation"));
 
-var _excluded = ["children", "preserveHeight"],
-    _excluded2 = ["children"],
-    _excluded3 = ["children"],
-    _excluded4 = ["children", "className", "dense"],
-    _excluded5 = ["dense"];
-var usePageTitleStyles = (0, _styles.makeStyles)(function (theme) {
-  return {
-    preserveHeight: {
-      maxWidth: '100vh'
-    },
-    root: {
-      margin: theme.spacing(3, 0)
-    }
-  };
+var _excluded = ["component", "children"];
+var PageTitle = (0, _withDeprecation["default"])(function (_ref) {
+  var children = _ref.children;
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, children);
 }, {
-  name: 'MuiPageTitle'
+  name: 'PageTitle',
+  warning: 'There is no need to use PageTitle components anymore. It will be removed in a later version'
 });
-
-var PageTitle = function PageTitle(_ref) {
-  var children = _ref.children,
-      _ref$preserveHeight = _ref.preserveHeight,
-      preserveHeight = _ref$preserveHeight === void 0 ? true : _ref$preserveHeight,
-      props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  var styles = usePageTitleStyles(props);
-  return /*#__PURE__*/_react["default"].createElement(_Grid["default"], (0, _extends2["default"])({
-    container: true,
-    className: (0, _clsx["default"])(styles.root, preserveHeight && styles.preserveHeight)
-  }, props), children);
-};
-
 exports.PageTitle = PageTitle;
 var _default = PageTitle;
 exports["default"] = _default;
-
-var PageTitleSection = function PageTitleSection(_ref2) {
-  var children = _ref2.children,
-      props = (0, _objectWithoutProperties2["default"])(_ref2, _excluded2);
-  return /*#__PURE__*/_react["default"].createElement(_Grid["default"], (0, _extends2["default"])({
-    container: true,
-    justify: "space-between"
-  }, props, {
-    className: (0, _clsx["default"])('MuiPageTitleSection', props.className)
-  }), children);
-};
-
+var PageTitleSection = (0, _withDeprecation["default"])(function (_ref2) {
+  var children = _ref2.children;
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, children);
+}, {
+  name: 'PageTitleSection',
+  warning: 'There is no need to use PageTitleSection components anymore. It will be removed in a later version'
+});
 exports.PageTitleSection = PageTitleSection;
-
-var PageTitleCaption = function PageTitleCaption(_ref3) {
-  var children = _ref3.children,
-      props = (0, _objectWithoutProperties2["default"])(_ref3, _excluded3);
-  return /*#__PURE__*/_react["default"].createElement(_Caption["default"], props, children);
-};
-
+var PageTitleCaption = (0, _withDeprecation["default"])(_Caption["default"], {
+  name: 'PageTitleCaption',
+  rename: 'Caption'
+});
 exports.PageTitleCaption = PageTitleCaption;
-var usePageTitleHeadingStyles = (0, _styles.makeStyles)(function (theme) {
-  return {
+var PageTitleHeading = (0, _withDeprecation["default"])(function (_ref3) {
+  var component = _ref3.component,
+      children = _ref3.children,
+      props = (0, _objectWithoutProperties2["default"])(_ref3, _excluded);
+  return /*#__PURE__*/_react["default"].createElement(_Title["default"], (0, _extends2["default"])({
+    size: "xl",
+    element: component
+  }, props), children);
+}, {
+  name: 'PageTitleHeading',
+  props: {
     dense: {
-      margin: theme.spacing(0)
+      error: true
+    },
+    size: {
+      values: {
+        xs: {
+          error: true
+        }
+      }
+    },
+    component: {
+      values: {
+        h5: {
+          error: true
+        }
+      }
     }
-  };
-}, {
-  name: 'MuiPageTitleHeading'
+  }
 });
-
-var PageTitleHeading = function PageTitleHeading(_ref4) {
-  var children = _ref4.children,
-      className = _ref4.className,
-      _ref4$dense = _ref4.dense,
-      dense = _ref4$dense === void 0 ? true : _ref4$dense,
-      props = (0, _objectWithoutProperties2["default"])(_ref4, _excluded4);
-
-  var _usePageTitleHeadingS = usePageTitleHeadingStyles(props),
-      denseClass = _usePageTitleHeadingS.dense,
-      classes = (0, _objectWithoutProperties2["default"])(_usePageTitleHeadingS, _excluded5);
-
-  return /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
-    container: true,
-    className: "MuiPageTitleHeadingContainer"
-  }, /*#__PURE__*/_react["default"].createElement(_Title["default"], (0, _extends2["default"])({
-    className: (0, _clsx["default"])(className, dense && denseClass),
-    size: "xl"
-  }, props, {
-    classes: classes
-  }), children));
-};
-
 exports.PageTitleHeading = PageTitleHeading;