@wix/design-system
Version:
@wix/design-system
67 lines (66 loc) • 1.97 kB
JavaScript
;
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
exports.__esModule = true;
exports.default = void 0;
var _react = _interopRequireDefault(require("react"));
var _propTypes = _interopRequireDefault(require("prop-types"));
var _CellSt = require("./Cell.st.css.js");
var _jsxFileName = "/home/builduser/work/57e038ea7326c1ec/packages/wix-design-system/dist/cjs/AnalyticsLayout/Cell/Cell.tsx";
/** Cell */
class Cell extends _react.default.PureComponent {
constructor() {
super(...arguments);
this.state = {
isHovered: false
};
}
_setHover(isHovered) {
this.setState({
isHovered
});
}
render() {
var _this$props$showDivid;
var {
dataHook,
children,
disableHighlight,
divider
} = this.props;
var {
isHovered
} = this.state;
var showDivider = (_this$props$showDivid = this.props.showDivider) !== null && _this$props$showDivid !== void 0 ? _this$props$showDivid : divider;
return /*#__PURE__*/_react.default.createElement("div", {
"data-hook": dataHook,
className: (0, _CellSt.st)(_CellSt.classes.root, {
highlight: !disableHighlight && isHovered,
showDivider
}),
onMouseEnter: () => this._setHover(true),
onMouseLeave: () => this._setHover(false),
__self: this,
__source: {
fileName: _jsxFileName,
lineNumber: 37,
columnNumber: 7
}
}, children);
}
}
Cell.defaultProps = {
disableHighlight: false,
divider: true,
// TODO: add default value to showDivider once divider is removed
children: null
};
Cell.displayName = 'Cell';
Cell.propTypes = {
dataHook: _propTypes.default.string,
disableHighlight: _propTypes.default.bool,
divider: _propTypes.default.bool,
showDivider: _propTypes.default.bool,
children: _propTypes.default.any.isRequired
};
var _default = exports.default = Cell;
//# sourceMappingURL=Cell.js.map