frc-ui
Version:
React Web UI
132 lines (96 loc) • 6.4 kB
JavaScript
;
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
Object.defineProperty(exports, "__esModule", {
value: true
});
exports["default"] = void 0;
var _react = _interopRequireDefault(require("react"));
var _classnames = _interopRequireDefault(require("classnames"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
var __rest = void 0 && (void 0).__rest || function (s, e) {
var t = {};
for (var p in s) {
if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
}
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
}
return t;
};
var defaultProps = {
collapsed: false
};
var CollapseButton = /*#__PURE__*/function (_React$PureComponent) {
_inherits(CollapseButton, _React$PureComponent);
var _super = _createSuper(CollapseButton);
function CollapseButton() {
var _this;
_classCallCheck(this, CollapseButton);
_this = _super.apply(this, arguments);
_this.f_path = function () {
var _this$props = _this.props,
direction = _this$props.direction,
collapsed = _this$props.collapsed;
if (collapsed) {
switch (direction) {
case 'left':
return 'right';
case 'right':
return 'left';
case 'top':
return 'bottom';
case 'bottom':
return 'top';
default:
return direction;
}
}
return direction;
};
return _this;
}
_createClass(CollapseButton, [{
key: "render",
value: function render() {
var _a = this.props,
direction = _a.direction,
className = _a.className,
other = __rest(_a, ["direction", "className"]);
delete other.collapsed;
var cls = (0, _classnames["default"])('swc-collapse-button', "swc-collapse-button-".concat(direction), className);
var path = {
left: 'M736.4375 1024 224.4375 512 736.4375 0l63.125 63.125L350.7525 512l448.81 448.875L736.4375 1024z',
right: 'M287.5625 0L799.56249999 512 287.5625 1024l-63.125-63.125L673.2475 512l-448.81-448.875L287.5625 0z',
top: 'M0 736.4375L512 224.43750001 1024 736.4375l-63.125 63.125L512 350.7525l-448.875 448.81L0 736.4375z',
bottom: 'M1024 287.5625L512 799.56249999 0 287.5625l63.125-63.125L512 673.2475l448.875-448.81L1024 287.5625z'
};
var d = path[this.f_path()];
return /*#__PURE__*/_react["default"].createElement("div", Object.assign({}, other, {
className: cls
}), /*#__PURE__*/_react["default"].createElement("svg", {
viewBox: '0 0 1024 1024',
className: 'swc-collapse-button-arrow',
width: '1em',
height: '1em',
fill: 'currentColor',
"aria-hidden": 'true',
focusable: 'false'
}, /*#__PURE__*/_react["default"].createElement("path", {
d: d
})));
}
}]);
return CollapseButton;
}(_react["default"].PureComponent);
var _default = CollapseButton;
exports["default"] = _default;