@chayns-components/core
Version:
A set of beautiful React components for developing your own applications with chayns.
109 lines (108 loc) • 4.7 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var _chaynsApi = require("chayns-api");
var _react = _interopRequireWildcard(require("react"));
var _sharingBar = require("../../constants/sharingBar");
var _environment = require("../../utils/environment");
var _sharingBar2 = require("../../utils/sharingBar");
var _ContextMenu = _interopRequireDefault(require("../context-menu/ContextMenu"));
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
const SharingContextMenu = /*#__PURE__*/(0, _react.forwardRef)(({
link,
children,
shouldEnableKeyboardHighlighting,
...contextMenuProps
}, ref) => {
const isTouch = (0, _environment.useIsTouch)();
const handleImageDownload = (0, _react.useCallback)(() => {
(0, _sharingBar2.shareWithUrl)(
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
// @ts-ignore
_sharingBar.SHAREPROVIDER[5].url.replace('{url}', encodeURIComponent(link)).replace('{linkText}', 'Teilen').replace('{color}', (0, _chaynsApi.getSite)().color.replace('#', '')));
}, [link]);
const handleShare = (0, _react.useCallback)(key => {
switch (key) {
case 'whatsapp':
(0, _sharingBar2.shareWithUrl)(
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
// @ts-ignore
_sharingBar.SHAREPROVIDER[0].url.replace('{url}', encodeURIComponent(`${link}`.trim())));
break;
case 'facebook':
(0, _sharingBar2.shareWithUrl)(
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
// @ts-ignore
_sharingBar.SHAREPROVIDER[3].url.replace('{url}', encodeURIComponent(link)));
break;
case 'twitter':
(0, _sharingBar2.shareWithUrl)(
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
// @ts-ignore
_sharingBar.SHAREPROVIDER[4].url.replace('{url}', encodeURIComponent(link)).replace('{linkText}', ''));
break;
case 'mail':
if (isTouch) {
(0, _sharingBar2.shareWithApp)(`${link}`.trim());
} else {
(0, _sharingBar2.shareWithUrl)(
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
// @ts-ignore
_sharingBar.SHAREPROVIDER[2].url.replace('{url}', encodeURIComponent(`${link}`.trim())));
}
break;
case 'copy':
(0, _sharingBar2.copyToClipboard)(link);
break;
default:
break;
}
}, [link, isTouch]);
const contextMenuItems = [{
icons: ['fa fa-copy'],
key: 'copy',
onClick: () => handleShare('copy'),
text: 'Zwischenablage'
}, {
icons: ['fa-solid fa-brands fa-whatsapp'],
key: 'whatsapp',
onClick: () => handleShare('whatsapp'),
text: 'Whatsapp'
}, {
icons: ['fa-solid fa-brands fa-facebook-f'],
key: 'facebook',
onClick: () => handleShare('facebook'),
text: 'Facebook'
}, {
icons: ['fa-solid fa-brands fa-x-twitter'],
key: 'twitter',
onClick: () => handleShare('twitter'),
text: 'X'
}, {
icons: ['fa fa-envelope'],
key: 'mail',
onClick: () => handleShare('mail'),
text: 'Mail'
}, {
icons: ['fa fa-qrcode'],
key: 'callingCode',
onClick: handleImageDownload,
text: 'Calling Code herunterladen'
}];
return (
/*#__PURE__*/
// eslint-disable-next-line react/jsx-props-no-spreading
_react.default.createElement(_ContextMenu.default, _extends({
items: contextMenuItems,
ref: ref,
shouldEnableKeyboardHighlighting: shouldEnableKeyboardHighlighting
}, contextMenuProps), children)
);
});
SharingContextMenu.displayName = 'SharingContextMenu';
var _default = exports.default = SharingContextMenu;
//# sourceMappingURL=SharingContextMenu.js.map