@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".
102 lines (101 loc) • 6.3 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 _compiled = require("@atlaskit/drawer/compiled");
var _closeCross = _interopRequireDefault(require("@atlaskit/icon/core/migration/close--cross"));
var Styled = _interopRequireWildcard(require("./styled"));
var _Footer = _interopRequireDefault(require("../Footer"));
var _messages = require("../../messages");
var _MessagesIntlProvider = _interopRequireDefault(require("../MessagesIntlProvider"));
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
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(_compiled.Drawer, {
isOpen: isOpen,
onClose: onClose,
width: "full"
}, /*#__PURE__*/_react.default.createElement(_compiled.DrawerSidebar, null, /*#__PURE__*/_react.default.createElement(_compiled.DrawerCloseButton, {
icon: function icon(props) {
return /*#__PURE__*/_react.default.createElement(_closeCross.default, (0, _extends2.default)({
color: "currentColor",
label: ""
}, props, {
LEGACY_size: "medium"
}));
}
})), /*#__PURE__*/_react.default.createElement(_compiled.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;