@digigov/ui 0.8.0 → 0.9.1

package/core/Blockquote/index.js

@@ -5,55 +5,25 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useBlockquoteStyles = exports["default"] = exports.Blockquote = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _clsx = _interopRequireDefault(require("clsx"));
-
-var _styles = require("@material-ui/core/styles");
-
-var useBlockquoteStyles = (0, _styles.makeStyles)(function (theme) {
-  return {
-    root: {
-      margin: theme.spacing(2, 0),
-      padding: theme.spacing(2),
-      backgroundColor: theme.palette.grey['300'],
-      borderLeft: "".concat(theme.spacing(1), "px solid")
-    },
-    info: {
-      borderLeftColor: theme.palette.grey['500']
-    },
-    warning: {
-      borderLeftColor: theme.palette.warning.main
-    },
-    error: {
-      borderLeftColor: theme.palette.error.main
-    },
-    success: {
-      borderLeftColor: theme.palette.success.main
+exports["default"] = exports.Blockquote = void 0;
+
+var _Blockquote = _interopRequireDefault(require("@digigov/react-core/Blockquote"));
+
+var _withDeprecation = _interopRequireDefault(require("@digigov/ui/utils/withDeprecation"));
+
+var Blockquote = (0, _withDeprecation["default"])(_Blockquote["default"], {
+  name: 'Blockquote',
+  props: {
+    variant: {
+      values: {
+        info: {
+          warning: true
+        }
+      },
+      error: true
     }
-  };
-}, {
-  name: 'MuiBlockquote'
+  }
 });
-exports.useBlockquoteStyles = useBlockquoteStyles;
-
-var Blockquote = function Blockquote(_ref) {
-  var className = _ref.className,
-      _ref$variant = _ref.variant,
-      variant = _ref$variant === void 0 ? 'info' : _ref$variant,
-      children = _ref.children;
-  var classes = useBlockquoteStyles();
-  var variantCls = classes[variant];
-  return /*#__PURE__*/_react["default"].createElement("blockquote", {
-    className: (0, _clsx["default"])(className, variantCls, classes.root)
-  }, children);
-};
-
 exports.Blockquote = Blockquote;
-Blockquote.defaultProps = {
-  variant: 'info'
-};
 var _default = Blockquote;
 exports["default"] = _default;

package/core/Button/BackButton.js

@@ -7,50 +7,28 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = exports.BackButton = void 0;
 
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _styles = require("@material-ui/core/styles");
-
-var _ArrowLeft = _interopRequireDefault(require("@material-ui/icons/ArrowLeft"));
-
-var _Button = _interopRequireDefault(require("@digigov/ui/core/Button"));
-
-var useBackButtonStyles = (0, _styles.makeStyles)(function (theme) {
-  return {
-    root: {
-      fontSize: 14,
-      textTransform: 'capitalize',
-      borderRadius: 'unset !important',
-      borderBottom: '1px solid ',
-      backgroundColor: 'transparent',
-      color: theme.palette.common.black,
-      '&:hover': {
-        background: theme.palette.common.white
-      }
+var _BackLink = _interopRequireDefault(require("@digigov/react-core/BackLink"));
+
+var _withDeprecation = _interopRequireDefault(require("@digigov/ui/utils/withDeprecation"));
+
+var BackButton = (0, _withDeprecation["default"])(_BackLink["default"], {
+  name: 'BackButton',
+  rename: 'BackLink',
+  props: {
+    variant: {
+      error: true
+    },
+    size: {
+      error: true
+    },
+    xsFullWidth: {
+      error: true
+    },
+    startIcon: {
+      error: true
     }
-  };
+  }
 });
-
-var _ref = /*#__PURE__*/_react["default"].createElement(_ArrowLeft["default"], null);
-
-var BackButton = function BackButton(props) {
-  var classes = useBackButtonStyles();
-
-  var goBack = function goBack() {
-    window.history.back();
-  };
-
-  return /*#__PURE__*/_react["default"].createElement(_Button["default"], (0, _extends2["default"])({
-    variant: "text",
-    onClick: props.onClick || goBack,
-    color: "default",
-    classes: classes,
-    startIcon: _ref
-  }, props), props.children);
-};
-
 exports.BackButton = BackButton;
 var _default = BackButton;
 exports["default"] = _default;

package/core/Button/ButtonLink.js

@@ -0,0 +1,28 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ButtonLink = void 0;
+
+var _ButtonLink = _interopRequireDefault(require("@digigov/react-core/ButtonLink"));
+
+var _withDeprecation = _interopRequireDefault(require("@digigov/ui/utils/withDeprecation"));
+
+var ButtonLink = (0, _withDeprecation["default"])(_ButtonLink["default"], {
+  name: 'ButtonLink',
+  props: {
+    variant: {
+      error: true
+    },
+    size: {
+      error: true
+    },
+    xsFullWidth: {
+      error: true
+    }
+  }
+});
+exports.ButtonLink = ButtonLink;

package/core/Button/CallToAction.js

@@ -5,28 +5,37 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.ButtonIcon = void 0;
+exports["default"] = exports.CallToAction = void 0;
 
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
 var _react = _interopRequireDefault(require("react"));
 
-var _Button = _interopRequireDefault(require("@digigov/ui/core/Button"));
+var _CallToAction = _interopRequireDefault(require("@digigov/react-core/CallToAction"));
 
-var _ChevronRight = _interopRequireDefault(require("@material-ui/icons/ChevronRight"));
+var _withDeprecation = _interopRequireDefault(require("@digigov/ui/utils/withDeprecation"));
 
 var _excluded = ["label", "children"];
-
-var _ref2 = /*#__PURE__*/_react["default"].createElement(_ChevronRight["default"], null);
-
-var ButtonIcon = function ButtonIcon(_ref) {
+var CallToAction = (0, _withDeprecation["default"])(function (_ref) {
   var _ref$label = _ref.label,
       label = _ref$label === void 0 ? 'Start here' : _ref$label,
       children = _ref.children,
       props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  return /*#__PURE__*/_react["default"].createElement(_Button["default"], props, children || label, _ref2);
-};
-
-exports.ButtonIcon = ButtonIcon;
-var _default = ButtonIcon;
+  return /*#__PURE__*/_react["default"].createElement(_CallToAction["default"], props, children || label);
+}, {
+  name: 'CallToAction',
+  props: {
+    variant: {
+      error: true
+    },
+    size: {
+      error: true
+    },
+    xsFullWidth: {
+      error: true
+    }
+  }
+});
+exports.CallToAction = CallToAction;
+var _default = CallToAction;
 exports["default"] = _default;

package/core/Button/Icon.js

@@ -2,60 +2,18 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
-var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.ButtonIcon = void 0;
 
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _styles = require("@material-ui/core/styles");
-
-var _Button = _interopRequireDefault(require("@digigov/ui/core/Button"));
-
-var _Box = _interopRequireDefault(require("@material-ui/core/Box"));
-
-var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
+var _withDeprecation = _interopRequireDefault(require("@digigov/ui/utils/withDeprecation"));
 
-var _excluded = ["Icon", "icon", "children"];
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-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 useStyles = (0, _styles.makeStyles)(function () {
-  return {
-    textInButton: {
-      whiteSpace: 'nowrap'
-    }
-  };
+// eslint-disable-next-line @typescript-eslint/no-empty-function
+var ButtonIcon = (0, _withDeprecation["default"])(function () {}, {
+  name: 'ButtonIcon',
+  error: true
 });
-
-var ButtonIcon = function ButtonIcon(_ref) {
-  var Icon = _ref.Icon,
-      icon = _ref.icon,
-      children = _ref.children,
-      props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  var classes = useStyles();
-  var IconComponent = (0, _react.useMemo)(function () {
-    var IconComponent = function IconComponent(props) {
-      return /*#__PURE__*/_react["default"].createElement(_Icon["default"], props, icon);
-    };
-
-    return Icon || IconComponent;
-  }, [icon, Icon]);
-  return /*#__PURE__*/_react["default"].createElement(_Button["default"], props, /*#__PURE__*/_react["default"].createElement(_Box["default"], {
-    marginRight: 1,
-    display: "flex"
-  }, /*#__PURE__*/_react["default"].createElement(IconComponent, null)), /*#__PURE__*/_react["default"].createElement("div", {
-    className: classes.textInButton
-  }, children));
-};
-
 exports.ButtonIcon = ButtonIcon;
 var _default = ButtonIcon;
 exports["default"] = _default;

package/core/Button/index.js

@@ -2,33 +2,22 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
-var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 var _exportNames = {
-  useButtonStyles: true,
   Button: true,
   ContinueButton: true
 };
-exports.useButtonStyles = exports["default"] = exports.ContinueButton = exports.Button = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+exports["default"] = exports.ContinueButton = exports.Button = void 0;
 
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _styles = require("@material-ui/core/styles");
-
-var _Link = _interopRequireDefault(require("@digigov/ui/core/Link"));
+var _react = _interopRequireDefault(require("react"));
 
-var _Button = _interopRequireDefault(require("@material-ui/core/Button"));
+var _Button = _interopRequireDefault(require("@digigov/react-core/Button"));
 
-var _clsx = _interopRequireDefault(require("clsx"));
+var _withDeprecation = _interopRequireDefault(require("@digigov/ui/utils/withDeprecation"));
 
 var _BackButton = require("@digigov/ui/core/Button/BackButton");
 
@@ -57,101 +46,62 @@ Object.keys(_CallToAction).forEach(function (key) {
     }
   });
 });
-var _excluded = ["children", "xsFullWidth"],
-    _excluded2 = ["responsive"],
-    _excluded3 = ["label"];
 
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+var _ButtonLink = require("@digigov/ui/core/Button/ButtonLink");
+
+Object.keys(_ButtonLink).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _ButtonLink[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _ButtonLink[key];
+    }
+  });
+});
 
-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 _Icon = require("@digigov/ui/core/Button/Icon");
 
-var useButtonStyles = (0, _styles.makeStyles)(function (theme) {
-  return {
-    // Styles applied to the root element.
-    root: {
-      textTransform: 'none'
-    },
-    containedPrimary: {
-      background: theme.palette.success.main,
-      color: theme.palette.common.white,
-      '&:hover': {
-        color: theme.palette.common.white,
-        background: theme.palette.success.dark
-      },
-      '&:visited': {
-        color: theme.palette.common.white
-      }
+Object.keys(_Icon).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Icon[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Icon[key];
+    }
+  });
+});
+var _excluded = ["label", "children"];
+var Button = (0, _withDeprecation["default"])(_Button["default"], {
+  name: 'Button',
+  props: {
+    href: {
+      error: 'To use a button with a link import ButtonLink instead'
     },
-    containedSecondary: {
-      background: theme.palette.grey['300'],
-      color: theme.palette.text.primary,
-      '&:hover': {
-        color: theme.palette.text.primary,
-        background: theme.palette.grey['400']
-      },
-      '&:visited': {
-        color: theme.palette.text.primary
-      }
+    variant: {
+      error: true
     },
-    disabled: {
-      opacity: 0.7
+    size: {
+      error: true
     },
-
-    /**
-     * Styles applied if the xsFullWidth property is true
-     **/
-    responsive: (0, _defineProperty2["default"])({
-      textTransform: 'none'
-    }, theme.breakpoints.down('xs'), {
-      width: '100%'
-    })
-  };
-}, {
-  name: 'MuiButton'
-});
-exports.useButtonStyles = useButtonStyles;
-
-// A component used for call to action
-var Button = function Button(_ref) {
-  var children = _ref.children,
-      xsFullWidth = _ref.xsFullWidth,
-      props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-
-  var _useButtonStyles = useButtonStyles(),
-      responsive = _useButtonStyles.responsive,
-      buttonClasses = (0, _objectWithoutProperties2["default"])(_useButtonStyles, _excluded2);
-
-  var classes = (0, _react.useMemo)(function () {
-    if (xsFullWidth) {
-      buttonClasses.root = (0, _clsx["default"])(buttonClasses.root, responsive);
+    xsFullWidth: {
+      error: true
     }
-
-    return buttonClasses;
-  }, [xsFullWidth]);
-  var component = (0, _react.useMemo)(function () {
-    return props.href ? _Link["default"] : props.type === 'submit' ? 'button' : undefined;
-  }, [props.href, props.type]);
-  return /*#__PURE__*/_react["default"].createElement(_Button["default"], (0, _extends2["default"])({
-    component: component,
-    classes: classes
-  }, props), children);
-};
-
+  }
+});
 exports.Button = Button;
-Button.defaultProps = {
-  color: 'primary',
-  variant: 'contained',
-  size: 'large',
-  xsFullWidth: false
-};
 var _default = Button;
 exports["default"] = _default;
 
-var ContinueButton = function ContinueButton(_ref2) {
-  var _ref2$label = _ref2.label,
-      label = _ref2$label === void 0 ? 'Continue' : _ref2$label,
-      props = (0, _objectWithoutProperties2["default"])(_ref2, _excluded3);
-  return /*#__PURE__*/_react["default"].createElement(Button, props, label);
+var ContinueButton = function ContinueButton(_ref) {
+  var _ref$label = _ref.label,
+      label = _ref$label === void 0 ? 'Continue' : _ref$label,
+      children = _ref.children,
+      props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+  return /*#__PURE__*/_react["default"].createElement(Button, props, label || children);
 };
 
 exports.ContinueButton = ContinueButton;

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;