@digigov/ui 0.8.3 → 0.9.2

package/core/Details/index.js

@@ -5,79 +5,31 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.DetailsSummary = exports.DetailsContent = exports.Details = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _styles = require("@material-ui/core/styles");
-
-var _clsx = _interopRequireDefault(require("clsx"));
-
-var useDetailsSummaryStyles = (0, _styles.makeStyles)(function () {
-  return {
-    root: {
-      outline: 'none',
-      cursor: 'pointer'
-    },
-    text: {
-      textDecoration: 'underline'
-    }
-  };
-}, {
-  name: 'MuiDetailsSummary'
+Object.defineProperty(exports, "Details", {
+  enumerable: true,
+  get: function get() {
+    return _Details["default"];
+  }
 });
-
-var DetailsSummary = function DetailsSummary(_ref) {
-  var children = _ref.children,
-      className = _ref.className;
-  var classes = useDetailsSummaryStyles();
-  return /*#__PURE__*/_react["default"].createElement("summary", {
-    className: (0, _clsx["default"])(className, classes.root)
-  }, /*#__PURE__*/_react["default"].createElement("span", {
-    className: classes.text
-  }, children));
-};
-
-exports.DetailsSummary = DetailsSummary;
-var useDetailsContentStyles = (0, _styles.makeStyles)(function (theme) {
-  return {
-    root: {
-      borderLeft: "2px solid ".concat(theme.palette.grey['500']),
-      margin: theme.spacing(0.5),
-      padding: theme.spacing(2)
-    }
-  };
-}, {
-  name: 'MuiDetailsContent'
+Object.defineProperty(exports, "DetailsContent", {
+  enumerable: true,
+  get: function get() {
+    return _DetailsContent["default"];
+  }
 });
+Object.defineProperty(exports, "DetailsSummary", {
+  enumerable: true,
+  get: function get() {
+    return _DetailsSummary["default"];
+  }
+});
+exports["default"] = void 0;
 
-var DetailsContent = function DetailsContent(_ref2) {
-  var children = _ref2.children,
-      className = _ref2.className;
-  var classes = useDetailsContentStyles();
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    className: (0, _clsx["default"])(className, classes.root)
-  }, children);
-};
+var _Details = _interopRequireDefault(require("@digigov/react-core/Details"));
 
-exports.DetailsContent = DetailsContent;
-var useDetailsStyles = (0, _styles.makeStyles)(function () {
-  return {
-    root: {}
-  };
-}, {
-  name: 'MuiDetails'
-});
+var _DetailsContent = _interopRequireDefault(require("@digigov/react-core/DetailsContent"));
 
-var Details = function Details(_ref3) {
-  var children = _ref3.children,
-      open = _ref3.open,
-      className = _ref3.className;
-  var classes = useDetailsStyles();
-  return /*#__PURE__*/_react["default"].createElement("details", {
-    className: (0, _clsx["default"])(className, classes.root),
-    open: open
-  }, children);
-};
+var _DetailsSummary = _interopRequireDefault(require("@digigov/react-core/DetailsSummary"));
 
-exports.Details = Details;
+var _default = _Details["default"];
+exports["default"] = _default;

package/core/Divider/index.js

@@ -5,16 +5,16 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.Divider = void 0;
+exports["default"] = exports.SectionBreak = void 0;
 
-var _react = _interopRequireDefault(require("react"));
+var _SectionBreak = _interopRequireDefault(require("@digigov/react-core/SectionBreak"));
 
-var _Divider = _interopRequireDefault(require("@material-ui/core/Divider"));
+var _withDeprecation = _interopRequireDefault(require("@digigov/ui/utils/withDeprecation"));
 
-var Divider = function Divider(props) {
-  return /*#__PURE__*/_react["default"].createElement(_Divider["default"], props);
-};
-
-exports.Divider = Divider;
-var _default = Divider;
+var SectionBreak = (0, _withDeprecation["default"])(_SectionBreak["default"], {
+  name: 'Divider',
+  rename: 'SectionBreak'
+});
+exports.SectionBreak = SectionBreak;
+var _default = SectionBreak;
 exports["default"] = _default;

package/core/ErrorSummary/index.js

@@ -5,35 +5,15 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useErrorSummaryStyles = exports["default"] = exports.ErrorSummary = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _clsx = _interopRequireDefault(require("clsx"));
-
-var _styles = require("@material-ui/core/styles");
-
-var useErrorSummaryStyles = (0, _styles.makeStyles)(function (theme) {
-  return {
-    root: {
-      padding: theme.spacing(2),
-      border: "".concat(theme.spacing(1), "px solid ").concat(theme.palette.error.main)
-    }
-  };
-}, {
-  name: 'MuiErrorSummary'
+Object.defineProperty(exports, "ErrorSummary", {
+  enumerable: true,
+  get: function get() {
+    return _ErrorSummary["default"];
+  }
 });
-exports.useErrorSummaryStyles = useErrorSummaryStyles;
+exports["default"] = void 0;
 
-var ErrorSummary = function ErrorSummary(_ref) {
-  var className = _ref.className,
-      children = _ref.children;
-  var classes = useErrorSummaryStyles();
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    className: (0, _clsx["default"])(className, classes.root)
-  }, children);
-};
+var _ErrorSummary = _interopRequireDefault(require("@digigov/react-core/ErrorSummary"));
 
-exports.ErrorSummary = ErrorSummary;
-var _default = ErrorSummary;
+var _default = _ErrorSummary["default"];
 exports["default"] = _default;

package/core/List/List.js

@@ -5,41 +5,15 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useListStyles = exports["default"] = exports.List = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _clsx = _interopRequireDefault(require("clsx"));
-
-var _styles = require("@material-ui/core/styles");
-
-var _excluded = ["className", "children"];
-var useListStyles = (0, _styles.makeStyles)(function (theme) {
-  return {
-    root: {
-      padding: 0,
-      margin: theme.spacing(0, 0, 2, 0)
-    }
-  };
-}, {
-  name: 'MuiList'
+Object.defineProperty(exports, "List", {
+  enumerable: true,
+  get: function get() {
+    return _List["default"];
+  }
 });
-exports.useListStyles = useListStyles;
+exports["default"] = void 0;
 
-var List = function List(_ref) {
-  var className = _ref.className,
-      children = _ref.children,
-      props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  var classes = useListStyles();
-  return /*#__PURE__*/_react["default"].createElement("ul", (0, _extends2["default"])({
-    className: (0, _clsx["default"])(className, classes.root)
-  }, props), children);
-};
+var _List = _interopRequireDefault(require("@digigov/react-core/List"));
 
-exports.List = List;
-var _default = List;
+var _default = _List["default"];
 exports["default"] = _default;

package/core/List/ListItem.js

@@ -5,45 +5,15 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useListItemStyles = exports["default"] = exports.ListItem = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _clsx = _interopRequireDefault(require("clsx"));
-
-var _styles = require("@material-ui/core/styles");
-
-var _excluded = ["className", "children"];
-var useListItemStyles = (0, _styles.makeStyles)(function (theme) {
-  return {
-    root: {
-      display: 'flex',
-      listStyle: 'none',
-      padding: theme.spacing(1),
-      '&:hover': {
-        background: theme.palette.grey['200']
-      }
-    }
-  };
-}, {
-  name: 'MuiListItem'
+Object.defineProperty(exports, "ListItem", {
+  enumerable: true,
+  get: function get() {
+    return _ListItem["default"];
+  }
 });
-exports.useListItemStyles = useListItemStyles;
+exports["default"] = void 0;
 
-var ListItem = function ListItem(_ref) {
-  var className = _ref.className,
-      children = _ref.children,
-      props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  var classes = useListItemStyles();
-  return /*#__PURE__*/_react["default"].createElement("li", (0, _extends2["default"])({
-    className: (0, _clsx["default"])(className, classes.root)
-  }, props), children);
-};
+var _ListItem = _interopRequireDefault(require("@digigov/react-core/ListItem"));
 
-exports.ListItem = ListItem;
-var _default = ListItem;
+var _default = _ListItem["default"];
 exports["default"] = _default;

package/core/List/ListItemTitle.js

@@ -34,9 +34,7 @@ var ListItemTitle = function ListItemTitle(_ref) {
       linkProps = _ref.linkProps,
       children = _ref.children,
       props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  return /*#__PURE__*/_react["default"].createElement(_Title["default"], (0, _extends2["default"])({
-    dense: true
-  }, props), href ? /*#__PURE__*/_react["default"].createElement(_Link["default"], (0, _extends2["default"])({
+  return /*#__PURE__*/_react["default"].createElement(_Title["default"], props, href ? /*#__PURE__*/_react["default"].createElement(_Link["default"], (0, _extends2["default"])({
     href: href
   }, linkProps), children) : children);
 };

package/core/NavList/NavListItem.js

@@ -19,7 +19,7 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _clsx = _interopRequireDefault(require("clsx"));
 
-var _Divider = _interopRequireDefault(require("@material-ui/core/Divider"));
+var _SectionBreak = _interopRequireDefault(require("@digigov/react-core/SectionBreak"));
 
 var _styles = require("@material-ui/core/styles");
 
@@ -56,7 +56,7 @@ var useNavListItemStyles = (0, _styles.makeStyles)(function (theme) {
 });
 exports.useNavListItemStyles = useNavListItemStyles;
 
-var _ref3 = /*#__PURE__*/_react["default"].createElement(_Divider["default"], null);
+var _ref3 = /*#__PURE__*/_react["default"].createElement(_SectionBreak["default"], null);
 
 var NavListItem = function NavListItem(_ref) {
   var _ref$current2, _ref$current3;

package/core/NotificationBanner/index.js

@@ -5,62 +5,63 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.NotificationBanner = void 0;
+exports.NotificationBanner = void 0;
+Object.defineProperty(exports, "NotificationBannerContent", {
+  enumerable: true,
+  get: function get() {
+    return _NotificationBannerContent["default"];
+  }
+});
+Object.defineProperty(exports, "NotificationBannerHeader", {
+  enumerable: true,
+  get: function get() {
+    return _NotificationBannerHeader["default"];
+  }
+});
+Object.defineProperty(exports, "NotificationBannerHeading", {
+  enumerable: true,
+  get: function get() {
+    return _NotificationBannerHeading["default"];
+  }
+});
+exports["default"] = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
 var _react = _interopRequireDefault(require("react"));
 
-var _clsx = _interopRequireDefault(require("clsx"));
+var _withDeprecation = _interopRequireDefault(require("@digigov/ui/utils/withDeprecation"));
 
-var _core = require("@material-ui/core");
+var _NotificationBanner = _interopRequireDefault(require("@digigov/react-core/NotificationBanner"));
 
-var _typography = require("@digigov/ui/typography");
+var _NotificationBannerHeader = _interopRequireDefault(require("@digigov/react-core/NotificationBannerHeader"));
 
-var useNotificationBannerStyles = (0, _core.makeStyles)(function (theme) {
-  return {
-    root: {
-      marginBottom: theme.spacing(2),
-      border: "".concat(theme.spacing(0.5), "px solid ").concat(theme.palette.secondary.main)
-    },
-    success: {
-      border: "".concat(theme.spacing(0.5), "px solid ").concat(theme.palette.success.main)
-    },
-    header: {
-      backgroundColor: theme.palette.secondary.main,
-      color: theme.palette.common.white,
-      padding: theme.spacing(0, 2)
-    },
-    headerSuccess: {
-      backgroundColor: theme.palette.success.main
-    },
-    content: {
-      padding: theme.spacing(2)
-    }
-  };
-}, {
-  name: 'MuiCoreNotificationBanner'
-});
+var _NotificationBannerHeading = _interopRequireDefault(require("@digigov/react-core/NotificationBannerHeading"));
 
-var NotificationBanner = function NotificationBanner(_ref) {
-  var children = _ref.children,
-      className = _ref.className,
-      _ref$variant = _ref.variant,
-      variant = _ref$variant === void 0 ? 'important' : _ref$variant;
-  var classes = useNotificationBannerStyles();
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    className: (0, _clsx["default"])(className, classes.root, variant === 'success' && classes.success)
-  }, /*#__PURE__*/_react["default"].createElement("header", {
-    className: (0, _clsx["default"])(className, classes.header, variant === 'success' && classes.headerSuccess)
-  }, /*#__PURE__*/_react["default"].createElement(_typography.Title, {
-    size: "sm",
-    dense: true
-  }, variant === 'success' ? 'Success' : 'Important')), /*#__PURE__*/_react["default"].createElement("div", {
-    className: classes.content
-  }, /*#__PURE__*/_react["default"].createElement(_typography.Title, {
-    size: "md",
-    dense: true
-  }, children)));
-};
+var _NotificationBannerContent = _interopRequireDefault(require("@digigov/react-core/NotificationBannerContent"));
 
+var _excluded = ["variant", "title", "children"];
+var NotificationBanner = (0, _withDeprecation["default"])(function (_ref) {
+  var _ref$variant = _ref.variant,
+      variant = _ref$variant === void 0 ? 'important' : _ref$variant,
+      title = _ref.title,
+      children = _ref.children,
+      props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+  var success = variant === 'success';
+  title = title ? title : success ? 'Success' : 'Important';
+  return /*#__PURE__*/_react["default"].createElement(_NotificationBanner["default"], (0, _extends2["default"])({
+    success: success
+  }, props), /*#__PURE__*/_react["default"].createElement(_NotificationBannerHeader["default"], null, title), /*#__PURE__*/_react["default"].createElement(_NotificationBannerContent["default"], null, /*#__PURE__*/_react["default"].createElement(_NotificationBannerHeading["default"], null, children)));
+}, {
+  name: 'NotificationBanner',
+  props: {
+    variant: {
+      warning: 'variant prop will be deprecated. Use success:boolean instead'
+    }
+  }
+});
 exports.NotificationBanner = NotificationBanner;
 var _default = NotificationBanner;
 exports["default"] = _default;

package/core/NotificationBanner/index.spec.js

@@ -14,7 +14,9 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-var _ref = /*#__PURE__*/React.createElement(_NotificationBanner["default"], null, "this is a notification");
+var _ref = /*#__PURE__*/React.createElement(_NotificationBanner["default"], {
+  title: "Notification Banner Example"
+}, "this is a notification");
 
 it('renders the notification banner', function () {
   expect((0, _mountWithTheme["default"])(_ref)).toMatchSnapshot();

package/core/ServiceBadge/index.js

@@ -7,38 +7,27 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = exports.ServiceBadge = void 0;
 
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
 var _react = _interopRequireDefault(require("react"));
 
-var _clsx = _interopRequireDefault(require("clsx"));
-
-var _styles = require("@material-ui/core/styles");
-
-var useStyles = (0, _styles.makeStyles)(function (theme) {
-  return {
-    root: {
-      display: 'inline-block',
-      backgroundColor: theme.palette.secondary.main,
-      borderRadius: 2,
-      margin: theme.spacing(1, 0),
-      padding: theme.spacing(0.5, 1.5),
-      fontSize: theme.typography.fontSize,
-      color: theme.palette.common.white,
-      maxHeight: "".concat(theme.spacing(3.5), "px")
-    }
-  };
-});
+var _withDeprecation = _interopRequireDefault(require("@digigov/ui/utils/withDeprecation"));
 
-var ServiceBadge = function ServiceBadge(_ref) {
-  var _ref$className = _ref.className,
-      className = _ref$className === void 0 ? '' : _ref$className,
-      _ref$label = _ref.label,
-      label = _ref$label === void 0 ? 'BETA' : _ref$label;
-  var classes = useStyles();
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    className: (0, _clsx["default"])(className, classes.root)
-  }, label);
-};
+var _PhaseBanner = _interopRequireDefault(require("@digigov/react-core/PhaseBanner"));
 
+var _PhaseBannerTag = _interopRequireDefault(require("@digigov/react-core/PhaseBannerTag"));
+
+var _excluded = ["label", "children"];
+var ServiceBadge = (0, _withDeprecation["default"])(function (_ref) {
+  var _ref$label = _ref.label,
+      label = _ref$label === void 0 ? 'BETA' : _ref$label,
+      children = _ref.children,
+      props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+  return /*#__PURE__*/_react["default"].createElement(_PhaseBanner["default"], props, /*#__PURE__*/_react["default"].createElement(_PhaseBannerTag["default"], null, children || label));
+}, {
+  name: 'ServiceBadge',
+  rename: 'PhaseBanner'
+});
 exports.ServiceBadge = ServiceBadge;
 var _default = ServiceBadge;
 exports["default"] = _default;