@wix/design-system
Version:
@wix/design-system
106 lines (105 loc) • 4.35 kB
JavaScript
"use strict";
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
exports.__esModule = true;
exports.default = void 0;
var _react = _interopRequireDefault(require("react"));
var _GooglePreviewSt = require("./GooglePreview.st.css.js");
var _constants = require("./constants");
var _Text = _interopRequireDefault(require("../Text"));
var _GooglePreviewWebsiteInfo = require("./components/GooglePreviewWebsiteInfo");
var _jsxFileName = "/home/builduser/work/57e038ea7326c1ec/packages/wix-design-system/dist/cjs/GooglePreview/GooglePreview.tsx";
var GooglePreview = _ref => {
var dataHook = _ref.dataHook,
previewUrl = _ref.previewUrl,
title = _ref.title,
description = _ref.description,
_ref$titleMaxLines = _ref.titleMaxLines,
titleMaxLines = _ref$titleMaxLines === void 0 ? 1 : _ref$titleMaxLines,
_ref$descriptionMaxLi = _ref.descriptionMaxLines,
descriptionMaxLines = _ref$descriptionMaxLi === void 0 ? 2 : _ref$descriptionMaxLi,
_ref$skin = _ref.skin,
skin = _ref$skin === void 0 ? 'light' : _ref$skin,
siteName = _ref.siteName,
favicon = _ref.favicon,
websiteInfoTooltipContent = _ref.websiteInfoTooltipContent,
websiteInfoTooltipProps = _ref.websiteInfoTooltipProps,
_ref$onTitleMouseEnte = _ref.onTitleMouseEnter,
onTitleMouseEnter = _ref$onTitleMouseEnte === void 0 ? () => {} : _ref$onTitleMouseEnte,
_ref$onTitleMouseLeav = _ref.onTitleMouseLeave,
onTitleMouseLeave = _ref$onTitleMouseLeav === void 0 ? () => {} : _ref$onTitleMouseLeav,
_ref$onDescriptionMou = _ref.onDescriptionMouseEnter,
onDescriptionMouseEnter = _ref$onDescriptionMou === void 0 ? () => {} : _ref$onDescriptionMou,
_ref$onDescriptionMou2 = _ref.onDescriptionMouseLeave,
onDescriptionMouseLeave = _ref$onDescriptionMou2 === void 0 ? () => {} : _ref$onDescriptionMou2,
_ref$onWebsiteInfoCli = _ref.onWebsiteInfoClick,
onWebsiteInfoClick = _ref$onWebsiteInfoCli === void 0 ? () => {} : _ref$onWebsiteInfoCli,
_ref$onTitleClick = _ref.onTitleClick,
onTitleClick = _ref$onTitleClick === void 0 ? () => {} : _ref$onTitleClick,
_ref$onDescriptionCli = _ref.onDescriptionClick,
onDescriptionClick = _ref$onDescriptionCli === void 0 ? () => {} : _ref$onDescriptionCli;
return /*#__PURE__*/_react.default.createElement("div", {
className: (0, _GooglePreviewSt.st)(_GooglePreviewSt.classes.root, {
transparent: skin === 'transparent'
}),
"data-hook": dataHook,
__self: void 0,
__source: {
fileName: _jsxFileName,
lineNumber: 30,
columnNumber: 3
}
}, /*#__PURE__*/_react.default.createElement(_GooglePreviewWebsiteInfo.GooglePreviewWebsiteInfo, {
previewUrl: previewUrl,
siteName: siteName,
favicon: favicon,
onClick: onWebsiteInfoClick,
tooltipContent: websiteInfoTooltipContent,
tooltipProps: websiteInfoTooltipProps,
__self: void 0,
__source: {
fileName: _jsxFileName,
lineNumber: 36,
columnNumber: 5
}
}), /*#__PURE__*/_react.default.createElement(_Text.default, {
className: _GooglePreviewSt.classes.googlePreviewTitle,
dataHook: _constants.dataHooks.GooglePreviewTitle,
weight: "thin",
size: "tiny",
secondary: false,
light: false,
ellipsis: true,
tooltipProps: _constants.DEFAULT_TOOLTIP_PROPS,
maxLines: titleMaxLines,
onMouseEnter: onTitleMouseEnter,
onMouseLeave: onTitleMouseLeave,
onClick: onTitleClick,
__self: void 0,
__source: {
fileName: _jsxFileName,
lineNumber: 44,
columnNumber: 5
}
}, title), /*#__PURE__*/_react.default.createElement(_Text.default, {
className: _GooglePreviewSt.classes.googlePreviewDescription,
weight: "thin",
size: "tiny",
light: false,
dataHook: _constants.dataHooks.GooglePreviewDescription,
ellipsis: true,
tooltipProps: _constants.DEFAULT_TOOLTIP_PROPS,
maxLines: descriptionMaxLines,
onMouseEnter: onDescriptionMouseEnter,
onMouseLeave: onDescriptionMouseLeave,
onClick: onDescriptionClick,
__self: void 0,
__source: {
fileName: _jsxFileName,
lineNumber: 60,
columnNumber: 5
}
}, description));
};
GooglePreview.displayName = 'GooglePreview';
var _default = exports.default = GooglePreview;
//# sourceMappingURL=GooglePreview.js.map