@atlaskit/focused-task-close-account
Version:
This package contains all of the UI components needed to assemble the focused tasks for deactivating and deleting users' accounts in accordance with the GDPR "Right to be forgotten".
101 lines (100 loc) • 6.1 kB
JavaScript
;
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
var _typeof = require("@babel/runtime/helpers/typeof");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = exports.FocusedTaskCloseAccount = void 0;
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
var _react = _interopRequireDefault(require("react"));
var _reactIntlNext = require("react-intl-next");
var _button = _interopRequireDefault(require("@atlaskit/button"));
var _drawer = require("@atlaskit/drawer");
var _cross = _interopRequireDefault(require("@atlaskit/icon/core/migration/cross"));
var Styled = _interopRequireWildcard(require("./styled"));
var _Footer = _interopRequireDefault(require("../Footer"));
var _messages = require("../../messages");
var _MessagesIntlProvider = _interopRequireDefault(require("../MessagesIntlProvider"));
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
var FocusedTaskCloseAccount = exports.FocusedTaskCloseAccount = /*#__PURE__*/function (_React$Component) {
function FocusedTaskCloseAccount() {
var _this;
(0, _classCallCheck2.default)(this, FocusedTaskCloseAccount);
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
args[_key] = arguments[_key];
}
_this = _callSuper(this, FocusedTaskCloseAccount, [].concat(args));
(0, _defineProperty2.default)(_this, "state", {
currentScreenIdx: 0
});
(0, _defineProperty2.default)(_this, "nextScreen", function () {
var screens = _this.props.screens;
var currentScreenIdx = _this.state.currentScreenIdx;
var nextScreenIdx = currentScreenIdx < screens.length - 1 ? currentScreenIdx + 1 : screens.length - 1;
_this.setState({
currentScreenIdx: nextScreenIdx
});
});
(0, _defineProperty2.default)(_this, "previousScreen", function () {
var currentScreenIdx = _this.state.currentScreenIdx;
var previousScreenIdx = currentScreenIdx - 1 >= 0 ? currentScreenIdx - 1 : 0;
_this.setState({
currentScreenIdx: previousScreenIdx
});
});
(0, _defineProperty2.default)(_this, "renderCurrentScreen", function () {
var currentScreen = _this.props.screens[_this.state.currentScreenIdx];
return currentScreen;
});
return _this;
}
(0, _inherits2.default)(FocusedTaskCloseAccount, _React$Component);
return (0, _createClass2.default)(FocusedTaskCloseAccount, [{
key: "render",
value: function render() {
var _this$props = this.props,
isOpen = _this$props.isOpen,
onClose = _this$props.onClose,
screens = _this$props.screens,
submitButton = _this$props.submitButton,
learnMoreLink = _this$props.learnMoreLink;
var currentScreenIdx = this.state.currentScreenIdx;
return /*#__PURE__*/_react.default.createElement(_MessagesIntlProvider.default, null, /*#__PURE__*/_react.default.createElement(_drawer.Drawer, {
isOpen: isOpen,
onClose: onClose,
width: "full"
}, /*#__PURE__*/_react.default.createElement(_drawer.DrawerSidebar, null, /*#__PURE__*/_react.default.createElement(_drawer.DrawerCloseButton, {
icon: function icon(props) {
return /*#__PURE__*/_react.default.createElement(_cross.default, (0, _extends2.default)({
color: "currentColor",
label: ""
}, props, {
LEGACY_size: "medium"
}));
}
})), /*#__PURE__*/_react.default.createElement(_drawer.DrawerContent, null, /*#__PURE__*/_react.default.createElement(Styled.DrawerInner, null, this.renderCurrentScreen(), /*#__PURE__*/_react.default.createElement(_Footer.default, {
numScreens: screens.length,
currentScreenIdx: currentScreenIdx,
onCancel: onClose,
onNext: this.nextScreen,
onPrevious: this.previousScreen,
secondaryActions: learnMoreLink && /*#__PURE__*/_react.default.createElement(_button.default, {
appearance: "subtle-link",
spacing: "none",
href: learnMoreLink,
target: "_blank"
}, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.commonMessages.learnMore), ' '),
submitButton: submitButton
})))));
}
}]);
}(_react.default.Component);
var _default = exports.default = FocusedTaskCloseAccount;