auth0-lock
Version:
Auth0 Lock
106 lines (104 loc) • 3.49 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.CloseButton = exports.BackButton = void 0;
var _propTypes = _interopRequireDefault(require("prop-types"));
var _react = _interopRequireDefault(require("react"));
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
var SvgBackIcon = function SvgBackIcon() {
return /*#__PURE__*/_react.default.createElement("svg", {
"aria-hidden": "true",
focusable: "false",
enableBackground: "new 0 0 24 24",
version: "1.0",
viewBox: "0 0 24 24",
xmlSpace: "preserve",
xmlns: "http://www.w3.org/2000/svg",
xmlnsXlink: "http://www.w3.org/1999/xlink"
}, ' ', /*#__PURE__*/_react.default.createElement("polyline", {
fill: "none",
points: "12.5,21 3.5,12 12.5,3 ",
stroke: "#000000",
strokeMiterlimit: "10",
strokeWidth: "2"
}), ' ', /*#__PURE__*/_react.default.createElement("line", {
fill: "none",
stroke: "#000000",
strokeMiterlimit: "10",
strokeWidth: "2",
x1: "22",
x2: "3.5",
y1: "12",
y2: "12"
}), ' ');
};
var SvgCloseIcon = function SvgCloseIcon() {
return /*#__PURE__*/_react.default.createElement("svg", {
"aria-hidden": "true",
focusable: "false",
enableBackground: "new 0 0 128 128",
version: "1.1",
viewBox: "0 0 128 128",
xmlSpace: "preserve",
xmlns: "http://www.w3.org/2000/svg",
xmlnsXlink: "http://www.w3.org/1999/xlink"
}, /*#__PURE__*/_react.default.createElement("g", null, /*#__PURE__*/_react.default.createElement("polygon", {
fill: "#373737",
points: "123.5429688,11.59375 116.4765625,4.5185547 64.0019531,56.9306641 11.5595703,4.4882813 4.4882813,11.5595703 56.9272461,63.9970703 4.4570313,116.4052734 11.5244141,123.4814453 63.9985352,71.0683594 116.4423828,123.5117188 123.5126953,116.4414063 71.0732422,64.0019531 "
})));
};
var IconButton = function IconButton(_ref) {
var lockId = _ref.lockId,
name = _ref.name,
_onClick = _ref.onClick,
svg = _ref.svg;
return /*#__PURE__*/_react.default.createElement("span", {
id: "".concat(lockId, "-").concat(name, "-button"),
role: "button",
tabIndex: 0,
className: "auth0-lock-".concat(name, "-button"),
onClick: function onClick(e) {
e.preventDefault();
_onClick();
},
onKeyPress: function onKeyPress(e) {
if (e.key === 'Enter') {
e.preventDefault();
_onClick();
}
},
"aria-label": name
}, svg);
};
IconButton.propTypes = {
name: _propTypes.default.string.isRequired,
onClick: _propTypes.default.func.isRequired,
svg: _propTypes.default.element.isRequired
};
var CloseButton = exports.CloseButton = function CloseButton(_ref2) {
var lockId = _ref2.lockId,
onClick = _ref2.onClick;
return /*#__PURE__*/_react.default.createElement(IconButton, {
lockId: lockId,
name: "close",
onClick: onClick,
svg: /*#__PURE__*/_react.default.createElement(SvgCloseIcon, null)
});
};
CloseButton.propTypes = {
onClick: _propTypes.default.func.isRequired
};
var BackButton = exports.BackButton = function BackButton(_ref3) {
var lockId = _ref3.lockId,
onClick = _ref3.onClick;
return /*#__PURE__*/_react.default.createElement(IconButton, {
lockId: lockId,
name: "back",
onClick: onClick,
svg: /*#__PURE__*/_react.default.createElement(SvgBackIcon, null)
});
};
BackButton.propTypes = {
onClick: _propTypes.default.func.isRequired
};