@smitch/breeze 2.2.39 → 2.2.40
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/socialshare/SocialShare.d.ts +1 -1
- package/lib/socialshare/SocialShare.js +3 -3
- package/lib/socialshare/buttons/BlueskyButton.d.ts +2 -2
- package/lib/socialshare/buttons/BlueskyButton.js +7 -6
- package/lib/socialshare/buttons/EmailButton.d.ts +2 -2
- package/lib/socialshare/buttons/EmailButton.js +6 -5
- package/lib/socialshare/buttons/FacebookButton.d.ts +1 -1
- package/lib/socialshare/buttons/FacebookButton.js +7 -6
- package/lib/socialshare/buttons/LinkedinButton.d.ts +1 -1
- package/lib/socialshare/buttons/LinkedinButton.js +7 -6
- package/lib/socialshare/buttons/PinterestButton.d.ts +2 -2
- package/lib/socialshare/buttons/PinterestButton.js +8 -7
- package/lib/socialshare/buttons/RedditButton.d.ts +2 -2
- package/lib/socialshare/buttons/RedditButton.js +8 -7
- package/lib/socialshare/buttons/SlackButton.d.ts +1 -1
- package/lib/socialshare/buttons/SlackButton.js +8 -7
- package/lib/socialshare/buttons/TelegramButton.d.ts +2 -2
- package/lib/socialshare/buttons/TelegramButton.js +8 -7
- package/lib/socialshare/buttons/WhatsappButton.d.ts +1 -1
- package/lib/socialshare/buttons/WhatsappButton.js +7 -6
- package/lib/socialshare/buttons/XButton.d.ts +1 -1
- package/lib/socialshare/buttons/XButton.js +8 -7
- package/lib/socialshare/types/index.d.ts +17 -14
- package/package.json +1 -1
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { SocialShareProps } from "./types";
|
|
2
|
-
declare const SocialShare: ({ text, buttons, btnShape, size, gap, layout, grayscale, className, style, }: SocialShareProps) => import("react/jsx-runtime").JSX.Element;
|
|
2
|
+
declare const SocialShare: ({ text, buttons, btnShape, size, gap, layout, grayscale, className, style, shareHomeOnly, }: SocialShareProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
3
|
export default SocialShare;
|
|
@@ -86,7 +86,7 @@ var layouts = {
|
|
|
86
86
|
vertical: "flex-col",
|
|
87
87
|
};
|
|
88
88
|
var SocialShare = function (_a) {
|
|
89
|
-
var text = _a.text, buttons = _a.buttons, _b = _a.btnShape, btnShape = _b === void 0 ? "rounded" : _b, _c = _a.size, size = _c === void 0 ? "md" : _c, _d = _a.gap, gap = _d === void 0 ? "none" : _d, _e = _a.layout, layout = _e === void 0 ? "horizontal" : _e, _f = _a.grayscale, grayscale = _f === void 0 ? false : _f, _g = _a.className, className = _g === void 0 ? "" : _g, style = _a.style;
|
|
89
|
+
var text = _a.text, buttons = _a.buttons, _b = _a.btnShape, btnShape = _b === void 0 ? "rounded" : _b, _c = _a.size, size = _c === void 0 ? "md" : _c, _d = _a.gap, gap = _d === void 0 ? "none" : _d, _e = _a.layout, layout = _e === void 0 ? "horizontal" : _e, _f = _a.grayscale, grayscale = _f === void 0 ? false : _f, _g = _a.className, className = _g === void 0 ? "" : _g, style = _a.style, _h = _a.shareHomeOnly, shareHomeOnly = _h === void 0 ? false : _h;
|
|
90
90
|
var gapClasses = (0, react_1.useMemo)(function () { return gapSpacing[gap]; }, [gap]);
|
|
91
91
|
var layoutClasses = (0, react_1.useMemo)(function () { return layouts[layout]; }, [layout]);
|
|
92
92
|
return ((0, jsx_runtime_1.jsx)("div", { className: (0, tailwind_merge_1.twMerge)("social-share w-fit flex flex-wrap items-center ".concat(layoutClasses, " ").concat(gapClasses, " ").concat(grayscale ? "grayscale" : ""), className), style: style, children: buttons.map(function (btn) {
|
|
@@ -94,9 +94,9 @@ var SocialShare = function (_a) {
|
|
|
94
94
|
if (!BtnComponent)
|
|
95
95
|
return null;
|
|
96
96
|
var needsText = !["Facebook", "LinkedIn"].includes(btn);
|
|
97
|
-
var props = needsText ? { text: text } : {};
|
|
97
|
+
var props = needsText ? { text: text, shareHomeOnly: shareHomeOnly } : {};
|
|
98
98
|
return (0, jsx_runtime_1.jsx)(BtnComponent, __assign({ btnShape: btnShape, size: size }, props), btn);
|
|
99
99
|
}) }));
|
|
100
100
|
};
|
|
101
101
|
exports.default = SocialShare;
|
|
102
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
102
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU29jaWFsU2hhcmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvdWkvc29jaWFsc2hhcmUvU29jaWFsU2hhcmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxZQUFZLENBQUM7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBRWIsK0JBQXVDO0FBQ3ZDLGlEQUF5QztBQUV6Qyx5REFBbUM7QUFFbkMsSUFBTSxPQUFPLEdBQUcsSUFBQSxpQkFBTyxFQUFDLGNBQU0sd0VBQU8sbUJBQW1CLFFBQTFCLENBQTJCLEVBQUUsRUFBRSxHQUFHLEVBQUUsS0FBSyxFQUFFLENBQUMsQ0FBQztBQUMzRSxJQUFNLGNBQWMsR0FBRyxJQUFBLGlCQUFPLEVBQUMsY0FBTSx3RUFBTywwQkFBMEIsUUFBakMsQ0FBa0MsRUFBRSxFQUFFLEdBQUcsRUFBRSxLQUFLLEVBQUUsQ0FBQyxDQUFDO0FBQ3pGLElBQU0sY0FBYyxHQUFHLElBQUEsaUJBQU8sRUFBQyxjQUFNLHdFQUFPLDBCQUEwQixRQUFqQyxDQUFrQyxFQUFFLEVBQUUsR0FBRyxFQUFFLEtBQUssRUFBRSxDQUFDLENBQUM7QUFDekYsSUFBTSxXQUFXLEdBQUcsSUFBQSxpQkFBTyxFQUFDLGNBQU0sd0VBQU8sdUJBQXVCLFFBQTlCLENBQStCLEVBQUUsRUFBRSxHQUFHLEVBQUUsS0FBSyxFQUFFLENBQUMsQ0FBQztBQUNuRixJQUFNLGNBQWMsR0FBRyxJQUFBLGlCQUFPLEVBQUMsY0FBTSx3RUFBTywwQkFBMEIsUUFBakMsQ0FBa0MsRUFBRSxFQUFFLEdBQUcsRUFBRSxLQUFLLEVBQUUsQ0FBQyxDQUFDO0FBQ3pGLElBQU0sWUFBWSxHQUFHLElBQUEsaUJBQU8sRUFBQyxjQUFNLHdFQUFPLHdCQUF3QixRQUEvQixDQUFnQyxFQUFFLEVBQUUsR0FBRyxFQUFFLEtBQUssRUFBRSxDQUFDLENBQUM7QUFDckYsSUFBTSxlQUFlLEdBQUcs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
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import {
|
|
2
|
-
declare const BlueskyButton: ({ text, btnShape, size }:
|
|
1
|
+
import { BlueskyButtonProps } from "../types";
|
|
2
|
+
declare const BlueskyButton: ({ text, btnShape, size, shareHomeOnly }: BlueskyButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
3
|
export default BlueskyButton;
|
|
@@ -5,16 +5,17 @@ var jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
5
5
|
var fa6_1 = require("react-icons/fa6");
|
|
6
6
|
var __1 = require("../..");
|
|
7
7
|
var BlueskyButton = function (_a) {
|
|
8
|
-
var text = _a.text, btnShape = _a.btnShape, size = _a.size;
|
|
8
|
+
var text = _a.text, btnShape = _a.btnShape, size = _a.size, shareHomeOnly = _a.shareHomeOnly;
|
|
9
9
|
var handleShareClick = function () {
|
|
10
|
-
var baseUrl =
|
|
10
|
+
var baseUrl = "https://bsky.app/compose";
|
|
11
|
+
var urlToShare = shareHomeOnly ? window.location.origin : window.location.href;
|
|
11
12
|
var params = new URLSearchParams({
|
|
12
|
-
text: "".concat(text, " ").concat(
|
|
13
|
+
text: "".concat(text, " ").concat(urlToShare).replace(/(\r\n|\n|\r)/g, " "),
|
|
13
14
|
});
|
|
14
15
|
var shareUrl = "".concat(baseUrl, "?").concat(params.toString());
|
|
15
|
-
window.open(shareUrl,
|
|
16
|
+
window.open(shareUrl, "_blank", "noopener,noreferrer");
|
|
16
17
|
};
|
|
17
|
-
return ((0, jsx_runtime_1.jsxs)(__1.Button, { onClick: handleShareClick, btnBackground:
|
|
18
|
+
return ((0, jsx_runtime_1.jsxs)(__1.Button, { onClick: handleShareClick, btnBackground: "info", btnColor: "light", layout: btnShape, size: size, title: shareHomeOnly ? "Share site on Bluesky" : "Share page on Bluesky", className: "hover:opacity-80 focus:text-light focus-visible:outline-accent bg-[#0097FF]", children: [(0, jsx_runtime_1.jsx)(fa6_1.FaBluesky, {}), (0, jsx_runtime_1.jsx)("span", { className: "sr-only", children: "Share on Bluesky" })] }));
|
|
18
19
|
};
|
|
19
20
|
exports.default = BlueskyButton;
|
|
20
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
21
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQmx1ZXNreUJ1dHRvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy91aS9zb2NpYWxzaGFyZS9idXR0b25zL0JsdWVza3lCdXR0b24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxZQUFZLENBQUE7OztBQUVaLHVDQUEyQztBQUUzQywyQkFBOEI7QUFHOUIsSUFBTSxhQUFhLEdBQUcsVUFBQyxFQUEyRDtRQUF6RCxJQUFJLFVBQUEsRUFBRSxRQUFRLGNBQUEsRUFBRSxJQUFJLFVBQUEsRUFBRSxhQUFhLG1CQUFBO0lBQzFELElBQU0sZ0JBQWdCLEdBQUc7UUFDdkIsSUFBTSxPQUFPLEdBQUcsMEJBQTBCLENBQUM7UUFDM0MsSUFBTSxVQUFVLEdBQUcsYUFBYSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsUUFBUSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUM7UUFDakYsSUFBTSxNQUFNLEdBQUcsSUFBSSxlQUFlLENBQUM7WUFDakMsSUFBSSxFQUFFLFVBQUcsSUFBSSxjQUFJLFVBQVUsQ0FBRSxDQUFDLE9BQU8sQ0FBQyxlQUFlLEVBQUUsR0FBRyxDQUFDO1NBQzVELENBQUMsQ0FBQztRQUNILElBQU0sUUFBUSxHQUFHLFVBQUcsT0FBTyxjQUFJLE1BQU0sQ0FBQyxRQUFRLEVBQUUsQ0FBRSxDQUFDO1FBQ25ELE1BQU0sQ0FBQyxJQUFJLENBQUMsUUFBUSxFQUFFLFFBQVEsRUFBRSxxQkFBcUIsQ0FBQyxDQUFDO0lBQ3pELENBQUMsQ0FBQztJQUVGLE9BQU8sQ0FDTCx3QkFBQyxVQUFNLElBQ0wsT0FBTyxFQUFFLGdCQUFnQixFQUN6QixhQUFhLEVBQUMsTUFBTSxFQUNwQixRQUFRLEVBQUMsT0FBTyxFQUNoQixNQUFNLEVBQUUsUUFBUSxFQUNoQixJQUFJLEVBQUUsSUFBSSxFQUNWLEtBQUssRUFBRSxhQUFhLENBQUMsQ0FBQyxDQUFDLHVCQUF1QixDQUFDLENBQUMsQ0FBQyx1QkFBdUIsRUFDeEUsU0FBUyxFQUFDLDZFQUE2RSxhQUV2Rix1QkFBQyxlQUFTLEtBQUcsRUFDYixpQ0FBTSxTQUFTLEVBQUMsU0FBUyxpQ0FBd0IsSUFDMUMsQ0FDVixDQUFDO0FBQ0osQ0FBQyxDQUFDO0FBRUYsa0JBQWUsYUFBYSxDQUFBIn0=
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import {
|
|
2
|
-
declare const EmailButton: ({ text, btnShape, size }:
|
|
1
|
+
import { EmailButtonProps } from "../types";
|
|
2
|
+
declare const EmailButton: ({ text, btnShape, size, shareHomeOnly }: EmailButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
3
|
export default EmailButton;
|
|
@@ -5,14 +5,15 @@ var jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
5
5
|
var md_1 = require("react-icons/md");
|
|
6
6
|
var __1 = require("../..");
|
|
7
7
|
var EmailButton = function (_a) {
|
|
8
|
-
var text = _a.text, btnShape = _a.btnShape, size = _a.size;
|
|
8
|
+
var text = _a.text, btnShape = _a.btnShape, size = _a.size, shareHomeOnly = _a.shareHomeOnly;
|
|
9
9
|
var handleShareClick = function () {
|
|
10
10
|
var subject = encodeURIComponent(document.title);
|
|
11
|
-
var
|
|
11
|
+
var urlToShare = shareHomeOnly ? window.location.origin : window.location.href;
|
|
12
|
+
var body = encodeURIComponent("".concat(text, "\n\n").concat(urlToShare));
|
|
12
13
|
var mailtoUrl = "mailto:?subject=".concat(subject, "&body=").concat(body);
|
|
13
|
-
window.open(mailtoUrl,
|
|
14
|
+
window.open(mailtoUrl, "_blank", "noopener,noreferrer");
|
|
14
15
|
};
|
|
15
|
-
return ((0, jsx_runtime_1.jsxs)(__1.Button, { onClick: handleShareClick, btnBackground:
|
|
16
|
+
return ((0, jsx_runtime_1.jsxs)(__1.Button, { onClick: handleShareClick, btnBackground: "info", btnColor: "light", layout: btnShape, size: size, title: shareHomeOnly ? "Share site via Email" : "Share page via Email", className: "hover:opacity-80 focus:text-light focus-visible:outline-accent bg-[#0072C6]", children: [(0, jsx_runtime_1.jsx)(md_1.MdEmail, {}), (0, jsx_runtime_1.jsx)("span", { className: "sr-only", children: "Share via Email" })] }));
|
|
16
17
|
};
|
|
17
18
|
exports.default = EmailButton;
|
|
18
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
19
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRW1haWxCdXR0b24uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvdWkvc29jaWFsc2hhcmUvYnV0dG9ucy9FbWFpbEJ1dHRvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLFlBQVksQ0FBQTs7O0FBRVoscUNBQXdDO0FBQ3hDLDJCQUE4QjtBQUc5QixJQUFNLFdBQVcsR0FBRyxVQUFDLEVBQXlEO1FBQXZELElBQUksVUFBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLElBQUksVUFBQSxFQUFFLGFBQWEsbUJBQUE7SUFDeEQsSUFBTSxnQkFBZ0IsR0FBRztRQUN2QixJQUFNLE9BQU8sR0FBRyxrQkFBa0IsQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDbkQsSUFBTSxVQUFVLEdBQUcsYUFBYSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsUUFBUSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUM7UUFDakYsSUFBTSxJQUFJLEdBQUcsa0JBQWtCLENBQUMsVUFBRyxJQUFJLGlCQUFPLFVBQVUsQ0FBRSxDQUFDLENBQUM7UUFDNUQsSUFBTSxTQUFTLEdBQUcsMEJBQW1CLE9BQU8sbUJBQVMsSUFBSSxDQUFFLENBQUM7UUFDNUQsTUFBTSxDQUFDLElBQUksQ0FBQyxTQUFTLEVBQUUsUUFBUSxFQUFFLHFCQUFxQixDQUFDLENBQUM7SUFDMUQsQ0FBQyxDQUFDO0lBRUYsT0FBTyxDQUNMLHdCQUFDLFVBQU0sSUFDTCxPQUFPLEVBQUUsZ0JBQWdCLEVBQ3pCLGFBQWEsRUFBQyxNQUFNLEVBQ3BCLFFBQVEsRUFBQyxPQUFPLEVBQ2hCLE1BQU0sRUFBRSxRQUFRLEVBQ2hCLElBQUksRUFBRSxJQUFJLEVBQ1YsS0FBSyxFQUFFLGFBQWEsQ0FBQyxDQUFDLENBQUMsc0JBQXNCLENBQUMsQ0FBQyxDQUFDLHNCQUFzQixFQUN0RSxTQUFTLEVBQUMsNkVBQTZFLGFBRXZGLHVCQUFDLFlBQU8sS0FBRyxFQUNYLGlDQUFNLFNBQVMsRUFBQyxTQUFTLGdDQUF1QixJQUN6QyxDQUNWLENBQUM7QUFDSixDQUFDLENBQUM7QUFFRixrQkFBZSxXQUFXLENBQUEifQ==
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { FacebookButtonProps } from '../types';
|
|
2
|
-
declare const FacebookButton: ({ btnShape, size }: FacebookButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
2
|
+
declare const FacebookButton: ({ btnShape, size, shareHomeOnly }: FacebookButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
3
|
export default FacebookButton;
|
|
@@ -5,14 +5,15 @@ var jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
5
5
|
var fa_1 = require("react-icons/fa");
|
|
6
6
|
var __1 = require("../..");
|
|
7
7
|
var FacebookButton = function (_a) {
|
|
8
|
-
var btnShape = _a.btnShape, size = _a.size;
|
|
8
|
+
var btnShape = _a.btnShape, size = _a.size, shareHomeOnly = _a.shareHomeOnly;
|
|
9
9
|
var handleShareClick = function () {
|
|
10
|
-
var baseUrl =
|
|
10
|
+
var baseUrl = "https://www.facebook.com/sharer/sharer.php";
|
|
11
11
|
var shareUrl = new URL(baseUrl);
|
|
12
|
-
|
|
13
|
-
|
|
12
|
+
var urlToShare = shareHomeOnly ? window.location.origin : window.location.href;
|
|
13
|
+
shareUrl.searchParams.set("u", urlToShare);
|
|
14
|
+
window.open(shareUrl.toString(), "_blank", "noopener,noreferrer");
|
|
14
15
|
};
|
|
15
|
-
return ((0, jsx_runtime_1.jsxs)(__1.Button, { onClick: handleShareClick, btnBackground:
|
|
16
|
+
return ((0, jsx_runtime_1.jsxs)(__1.Button, { onClick: handleShareClick, btnBackground: "primary", btnColor: "light", layout: btnShape, size: size, title: shareHomeOnly ? "Share site on Facebook" : "Share page on Facebook", className: "hover:opacity-80 focus:text-light focus-visible:outline-accent bg-[#1877F2]", children: [(0, jsx_runtime_1.jsx)(fa_1.FaFacebook, {}), (0, jsx_runtime_1.jsx)("span", { className: "sr-only", children: "Share on Facebook" })] }));
|
|
16
17
|
};
|
|
17
18
|
exports.default = FacebookButton;
|
|
18
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
19
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRmFjZWJvb2tCdXR0b24uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvdWkvc29jaWFsc2hhcmUvYnV0dG9ucy9GYWNlYm9va0J1dHRvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLFlBQVksQ0FBQTs7O0FBRVoscUNBQTJDO0FBQzNDLDJCQUE4QjtBQUc5QixJQUFNLGNBQWMsR0FBRyxVQUFDLEVBQXNEO1FBQXBELFFBQVEsY0FBQSxFQUFFLElBQUksVUFBQSxFQUFFLGFBQWEsbUJBQUE7SUFDckQsSUFBTSxnQkFBZ0IsR0FBRztRQUN2QixJQUFNLE9BQU8sR0FBRyw0Q0FBNEMsQ0FBQztRQUM3RCxJQUFNLFFBQVEsR0FBRyxJQUFJLEdBQUcsQ0FBQyxPQUFPLENBQUMsQ0FBQztRQUNsQyxJQUFNLFVBQVUsR0FBRyxhQUFhLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxRQUFRLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQztRQUNqRixRQUFRLENBQUMsWUFBWSxDQUFDLEdBQUcsQ0FBQyxHQUFHLEVBQUUsVUFBVSxDQUFDLENBQUM7UUFDM0MsTUFBTSxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsUUFBUSxFQUFFLEVBQUUsUUFBUSxFQUFFLHFCQUFxQixDQUFDLENBQUM7SUFDcEUsQ0FBQyxDQUFDO0lBRUYsT0FBTyxDQUNMLHdCQUFDLFVBQU0sSUFDTCxPQUFPLEVBQUUsZ0JBQWdCLEVBQ3pCLGFBQWEsRUFBQyxTQUFTLEVBQ3ZCLFFBQVEsRUFBQyxPQUFPLEVBQ2hCLE1BQU0sRUFBRSxRQUFRLEVBQ2hCLElBQUksRUFBRSxJQUFJLEVBQ1YsS0FBSyxFQUFFLGFBQWEsQ0FBQyxDQUFDLENBQUMsd0JBQXdCLENBQUMsQ0FBQyxDQUFDLHdCQUF3QixFQUMxRSxTQUFTLEVBQUMsNkVBQTZFLGFBRXZGLHVCQUFDLGVBQVUsS0FBRyxFQUNkLGlDQUFNLFNBQVMsRUFBQyxTQUFTLGtDQUF5QixJQUMzQyxDQUNWLENBQUM7QUFDSixDQUFDLENBQUM7QUFFRixrQkFBZSxjQUFjLENBQUEifQ==
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { LinkedInButtonProps } from '../types';
|
|
2
|
-
declare const LinkedInButton: ({ btnShape, size }: LinkedInButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
2
|
+
declare const LinkedInButton: ({ btnShape, size, shareHomeOnly }: LinkedInButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
3
|
export default LinkedInButton;
|
|
@@ -5,14 +5,15 @@ var jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
5
5
|
var fa_1 = require("react-icons/fa");
|
|
6
6
|
var __1 = require("../..");
|
|
7
7
|
var LinkedInButton = function (_a) {
|
|
8
|
-
var btnShape = _a.btnShape, size = _a.size;
|
|
8
|
+
var btnShape = _a.btnShape, size = _a.size, shareHomeOnly = _a.shareHomeOnly;
|
|
9
9
|
var handleShareClick = function () {
|
|
10
|
-
var baseUrl =
|
|
10
|
+
var baseUrl = "https://www.linkedin.com/sharing/share-offsite/";
|
|
11
11
|
var shareUrl = new URL(baseUrl);
|
|
12
|
-
|
|
13
|
-
|
|
12
|
+
var urlToShare = shareHomeOnly ? window.location.origin : window.location.href;
|
|
13
|
+
shareUrl.searchParams.set("url", urlToShare);
|
|
14
|
+
window.open(shareUrl.toString(), "_blank", "noopener,noreferrer");
|
|
14
15
|
};
|
|
15
|
-
return ((0, jsx_runtime_1.jsxs)(__1.Button, { onClick: handleShareClick, btnBackground:
|
|
16
|
+
return ((0, jsx_runtime_1.jsxs)(__1.Button, { onClick: handleShareClick, btnBackground: "primary", btnColor: "light", layout: btnShape, size: size, title: shareHomeOnly ? "Share site on LinkedIn" : "Share page on LinkedIn", className: "hover:opacity-80 focus:text-light focus-visible:outline-accent bg-[#0077B5]", children: [(0, jsx_runtime_1.jsx)(fa_1.FaLinkedin, {}), (0, jsx_runtime_1.jsx)("span", { className: "sr-only", children: "Share on LinkedIn" })] }));
|
|
16
17
|
};
|
|
17
18
|
exports.default = LinkedInButton;
|
|
18
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
19
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGlua2VkaW5CdXR0b24uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvdWkvc29jaWFsc2hhcmUvYnV0dG9ucy9MaW5rZWRpbkJ1dHRvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLFlBQVksQ0FBQTs7O0FBRVoscUNBQTJDO0FBQzNDLDJCQUE4QjtBQUc5QixJQUFNLGNBQWMsR0FBRyxVQUFDLEVBQXNEO1FBQXBELFFBQVEsY0FBQSxFQUFFLElBQUksVUFBQSxFQUFFLGFBQWEsbUJBQUE7SUFDckQsSUFBTSxnQkFBZ0IsR0FBRztRQUN2QixJQUFNLE9BQU8sR0FBRyxpREFBaUQsQ0FBQztRQUNsRSxJQUFNLFFBQVEsR0FBRyxJQUFJLEdBQUcsQ0FBQyxPQUFPLENBQUMsQ0FBQztRQUNsQyxJQUFNLFVBQVUsR0FBRyxhQUFhLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxRQUFRLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQztRQUNqRixRQUFRLENBQUMsWUFBWSxDQUFDLEdBQUcsQ0FBQyxLQUFLLEVBQUUsVUFBVSxDQUFDLENBQUM7UUFDN0MsTUFBTSxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsUUFBUSxFQUFFLEVBQUUsUUFBUSxFQUFFLHFCQUFxQixDQUFDLENBQUM7SUFDcEUsQ0FBQyxDQUFDO0lBRUYsT0FBTyxDQUNMLHdCQUFDLFVBQU0sSUFDTCxPQUFPLEVBQUUsZ0JBQWdCLEVBQ3pCLGFBQWEsRUFBQyxTQUFTLEVBQ3ZCLFFBQVEsRUFBQyxPQUFPLEVBQ2hCLE1BQU0sRUFBRSxRQUFRLEVBQ2hCLElBQUksRUFBRSxJQUFJLEVBQ1YsS0FBSyxFQUFFLGFBQWEsQ0FBQyxDQUFDLENBQUMsd0JBQXdCLENBQUMsQ0FBQyxDQUFDLHdCQUF3QixFQUMxRSxTQUFTLEVBQUMsNkVBQTZFLGFBRXZGLHVCQUFDLGVBQVUsS0FBRyxFQUNkLGlDQUFNLFNBQVMsRUFBQyxTQUFTLGtDQUF5QixJQUMzQyxDQUNWLENBQUM7QUFDSixDQUFDLENBQUM7QUFFRixrQkFBZSxjQUFjLENBQUEifQ==
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import {
|
|
2
|
-
declare const PinterestButton: ({ text, btnShape, size }:
|
|
1
|
+
import { PinterestButtonProps } from '../types';
|
|
2
|
+
declare const PinterestButton: ({ text, btnShape, size, shareHomeOnly, }: PinterestButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
3
|
export default PinterestButton;
|
|
@@ -5,17 +5,18 @@ var jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
5
5
|
var fa_1 = require("react-icons/fa");
|
|
6
6
|
var __1 = require("../..");
|
|
7
7
|
var PinterestButton = function (_a) {
|
|
8
|
-
var text = _a.text, btnShape = _a.btnShape, size = _a.size;
|
|
8
|
+
var text = _a.text, btnShape = _a.btnShape, size = _a.size, shareHomeOnly = _a.shareHomeOnly;
|
|
9
9
|
var handleShareClick = function () {
|
|
10
|
-
var baseUrl =
|
|
10
|
+
var baseUrl = "https://pinterest.com/pin/create/button/";
|
|
11
|
+
var urlToShare = shareHomeOnly ? window.location.origin : window.location.href;
|
|
11
12
|
var params = new URLSearchParams({
|
|
12
|
-
description: text.replace(/(\r\n|\n|\r)/g,
|
|
13
|
-
url:
|
|
13
|
+
description: text.replace(/(\r\n|\n|\r)/g, " "),
|
|
14
|
+
url: urlToShare,
|
|
14
15
|
});
|
|
15
16
|
var shareUrl = "".concat(baseUrl, "?").concat(params.toString());
|
|
16
|
-
window.open(shareUrl,
|
|
17
|
+
window.open(shareUrl, "_blank", "noopener,noreferrer");
|
|
17
18
|
};
|
|
18
|
-
return ((0, jsx_runtime_1.jsxs)(__1.Button, { onClick: handleShareClick, btnBackground:
|
|
19
|
+
return ((0, jsx_runtime_1.jsxs)(__1.Button, { onClick: handleShareClick, btnBackground: "danger", btnColor: "light", layout: btnShape, size: size, title: shareHomeOnly ? 'Share site on Pinterest' : 'Share page on Pinterest', children: [(0, jsx_runtime_1.jsx)(fa_1.FaPinterestP, {}), (0, jsx_runtime_1.jsx)("span", { className: "sr-only", children: "Share on Pinterest" })] }));
|
|
19
20
|
};
|
|
20
21
|
exports.default = PinterestButton;
|
|
21
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
22
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUGludGVyZXN0QnV0dG9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL3VpL3NvY2lhbHNoYXJlL2J1dHRvbnMvUGludGVyZXN0QnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsWUFBWSxDQUFBOzs7QUFFWixxQ0FBNkM7QUFDN0MsMkJBQThCO0FBRzlCLElBQU0sZUFBZSxHQUFHLFVBQUMsRUFLRjtRQUpyQixJQUFJLFVBQUEsRUFDSixRQUFRLGNBQUEsRUFDUixJQUFJLFVBQUEsRUFDSixhQUFhLG1CQUFBO0lBRWIsSUFBTSxnQkFBZ0IsR0FBRztRQUN2QixJQUFNLE9BQU8sR0FBRywwQ0FBMEMsQ0FBQztRQUMzRCxJQUFNLFVBQVUsR0FBRyxhQUFhLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxRQUFRLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQztRQUNqRixJQUFNLE1BQU0sR0FBRyxJQUFJLGVBQWUsQ0FBQztZQUNqQyxXQUFXLEVBQUUsSUFBSSxDQUFDLE9BQU8sQ0FBQyxlQUFlLEVBQUUsR0FBRyxDQUFDO1lBQy9DLEdBQUcsRUFBRSxVQUFVO1NBQ2hCLENBQUMsQ0FBQztRQUNILElBQU0sUUFBUSxHQUFHLFVBQUcsT0FBTyxjQUFJLE1BQU0sQ0FBQyxRQUFRLEVBQUUsQ0FBRSxDQUFDO1FBQ25ELE1BQU0sQ0FBQyxJQUFJLENBQUMsUUFBUSxFQUFFLFFBQVEsRUFBRSxxQkFBcUIsQ0FBQyxDQUFDO0lBQ3pELENBQUMsQ0FBQztJQUVGLE9BQU8sQ0FDTCx3QkFBQyxVQUFNLElBQ0wsT0FBTyxFQUFFLGdCQUFnQixFQUN6QixhQUFhLEVBQUMsUUFBUSxFQUN0QixRQUFRLEVBQUMsT0FBTyxFQUNoQixNQUFNLEVBQUUsUUFBUSxFQUNoQixJQUFJLEVBQUUsSUFBSSxFQUNWLEtBQUssRUFBRSxhQUFhLENBQUMsQ0FBQyxDQUFDLHlCQUF5QixDQUFDLENBQUMsQ0FBQyx5QkFBeUIsYUFFNUUsdUJBQUMsaUJBQVksS0FBRyxFQUNoQixpQ0FBTSxTQUFTLEVBQUMsU0FBUyxtQ0FBMEIsSUFDNUMsQ0FDVixDQUFDO0FBQ0osQ0FBQyxDQUFDO0FBRUYsa0JBQWUsZUFBZSxDQUFBIn0=
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import {
|
|
2
|
-
declare const RedditButton: ({ text, btnShape, size }:
|
|
1
|
+
import { RedditButtonProps } from "../types";
|
|
2
|
+
declare const RedditButton: ({ text, btnShape, size, shareHomeOnly }: RedditButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
3
|
export default RedditButton;
|
|
@@ -5,17 +5,18 @@ var jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
5
5
|
var fa_1 = require("react-icons/fa");
|
|
6
6
|
var __1 = require("../..");
|
|
7
7
|
var RedditButton = function (_a) {
|
|
8
|
-
var text = _a.text, btnShape = _a.btnShape, size = _a.size;
|
|
8
|
+
var text = _a.text, btnShape = _a.btnShape, size = _a.size, shareHomeOnly = _a.shareHomeOnly;
|
|
9
9
|
var handleShareClick = function () {
|
|
10
|
-
var baseUrl =
|
|
10
|
+
var baseUrl = "https://www.reddit.com/submit";
|
|
11
|
+
var urlToShare = shareHomeOnly ? window.location.origin : window.location.href;
|
|
11
12
|
var params = new URLSearchParams({
|
|
12
|
-
title: text.replace(/(\r\n|\n|\r)/g,
|
|
13
|
-
url:
|
|
13
|
+
title: text.replace(/(\r\n|\n|\r)/g, " "),
|
|
14
|
+
url: urlToShare,
|
|
14
15
|
});
|
|
15
16
|
var shareUrl = "".concat(baseUrl, "?").concat(params.toString());
|
|
16
|
-
window.open(shareUrl,
|
|
17
|
+
window.open(shareUrl, "_blank", "noopener,noreferrer");
|
|
17
18
|
};
|
|
18
|
-
return ((0, jsx_runtime_1.jsxs)(__1.Button, { onClick: handleShareClick, btnBackground:
|
|
19
|
+
return ((0, jsx_runtime_1.jsxs)(__1.Button, { onClick: handleShareClick, btnBackground: "danger", btnColor: "light", layout: btnShape, size: size, title: shareHomeOnly ? "Share site on Reddit" : "Share page on Reddit", className: "hover:opacity-80 focus:text-light focus-visible:outline-accent bg-[#FF4500]", children: [(0, jsx_runtime_1.jsx)(fa_1.FaRedditAlien, {}), (0, jsx_runtime_1.jsx)("span", { className: "sr-only", children: "Share on Reddit" })] }));
|
|
19
20
|
};
|
|
20
21
|
exports.default = RedditButton;
|
|
21
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
22
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUmVkZGl0QnV0dG9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL3VpL3NvY2lhbHNoYXJlL2J1dHRvbnMvUmVkZGl0QnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsWUFBWSxDQUFBOzs7QUFFWixxQ0FBOEM7QUFDOUMsMkJBQThCO0FBRzlCLElBQU0sWUFBWSxHQUFHLFVBQUMsRUFBMEQ7UUFBeEQsSUFBSSxVQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsSUFBSSxVQUFBLEVBQUUsYUFBYSxtQkFBQTtJQUN6RCxJQUFNLGdCQUFnQixHQUFHO1FBQ3ZCLElBQU0sT0FBTyxHQUFHLCtCQUErQixDQUFDO1FBQ2hELElBQU0sVUFBVSxHQUFHLGFBQWEsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLFFBQVEsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDO1FBQ2pGLElBQU0sTUFBTSxHQUFHLElBQUksZUFBZSxDQUFDO1lBQ2pDLEtBQUssRUFBRSxJQUFJLENBQUMsT0FBTyxDQUFDLGVBQWUsRUFBRSxHQUFHLENBQUM7WUFDekMsR0FBRyxFQUFFLFVBQVU7U0FDaEIsQ0FBQyxDQUFDO1FBQ0gsSUFBTSxRQUFRLEdBQUcsVUFBRyxPQUFPLGNBQUksTUFBTSxDQUFDLFFBQVEsRUFBRSxDQUFFLENBQUM7UUFDbkQsTUFBTSxDQUFDLElBQUksQ0FBQyxRQUFRLEVBQUUsUUFBUSxFQUFFLHFCQUFxQixDQUFDLENBQUM7SUFDekQsQ0FBQyxDQUFDO0lBRUYsT0FBTyxDQUNMLHdCQUFDLFVBQU0sSUFDTCxPQUFPLEVBQUUsZ0JBQWdCLEVBQ3pCLGFBQWEsRUFBQyxRQUFRLEVBQ3RCLFFBQVEsRUFBQyxPQUFPLEVBQ2hCLE1BQU0sRUFBRSxRQUFRLEVBQ2hCLElBQUksRUFBRSxJQUFJLEVBQ1YsS0FBSyxFQUFFLGFBQWEsQ0FBQyxDQUFDLENBQUMsc0JBQXNCLENBQUMsQ0FBQyxDQUFDLHNCQUFzQixFQUN0RSxTQUFTLEVBQUMsNkVBQTZFLGFBRXZGLHVCQUFDLGtCQUFhLEtBQUcsRUFDakIsaUNBQU0sU0FBUyxFQUFDLFNBQVMsZ0NBQXVCLElBQ3pDLENBQ1YsQ0FBQztBQUNKLENBQUMsQ0FBQztBQUVGLGtCQUFlLFlBQVksQ0FBQSJ9
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { SlackButtonProps } from '../types';
|
|
2
|
-
declare const SlackButton: ({ text, btnShape, size }: SlackButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
2
|
+
declare const SlackButton: ({ text, btnShape, size, shareHomeOnly }: SlackButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
3
|
export default SlackButton;
|
|
@@ -5,15 +5,16 @@ var jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
5
5
|
var fa_1 = require("react-icons/fa");
|
|
6
6
|
var __1 = require("../..");
|
|
7
7
|
var SlackButton = function (_a) {
|
|
8
|
-
var text = _a.text, btnShape = _a.btnShape, size = _a.size;
|
|
8
|
+
var text = _a.text, btnShape = _a.btnShape, size = _a.size, shareHomeOnly = _a.shareHomeOnly;
|
|
9
9
|
var handleShareClick = function () {
|
|
10
|
-
var baseUrl =
|
|
10
|
+
var baseUrl = "https://slack.com/share";
|
|
11
11
|
var shareUrl = new URL(baseUrl);
|
|
12
|
-
|
|
13
|
-
shareUrl.searchParams.set(
|
|
14
|
-
|
|
12
|
+
var urlToShare = shareHomeOnly ? window.location.origin : window.location.href;
|
|
13
|
+
shareUrl.searchParams.set("url", urlToShare);
|
|
14
|
+
shareUrl.searchParams.set("text", text);
|
|
15
|
+
window.open(shareUrl.toString(), "_blank", "noopener,noreferrer");
|
|
15
16
|
};
|
|
16
|
-
return ((0, jsx_runtime_1.jsxs)(__1.Button, { onClick: handleShareClick, btnBackground:
|
|
17
|
+
return ((0, jsx_runtime_1.jsxs)(__1.Button, { onClick: handleShareClick, btnBackground: "primary", btnColor: "light", layout: btnShape, size: size, title: shareHomeOnly ? "Share site on Slack" : "Share page on Slack", className: "hover:opacity-80 focus:text-light focus-visible:outline-accent bg-[#4A154B]", children: [(0, jsx_runtime_1.jsx)(fa_1.FaSlack, {}), (0, jsx_runtime_1.jsx)("span", { className: "sr-only", children: "Share on Slack" })] }));
|
|
17
18
|
};
|
|
18
19
|
exports.default = SlackButton;
|
|
19
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
20
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2xhY2tCdXR0b24uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvdWkvc29jaWFsc2hhcmUvYnV0dG9ucy9TbGFja0J1dHRvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLFlBQVksQ0FBQTs7O0FBRVoscUNBQXdDO0FBQ3hDLDJCQUE4QjtBQUc5QixJQUFNLFdBQVcsR0FBRyxVQUFDLEVBQXlEO1FBQXZELElBQUksVUFBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLElBQUksVUFBQSxFQUFFLGFBQWEsbUJBQUE7SUFDeEQsSUFBTSxnQkFBZ0IsR0FBRztRQUN2QixJQUFNLE9BQU8sR0FBRyx5QkFBeUIsQ0FBQztRQUMxQyxJQUFNLFFBQVEsR0FBRyxJQUFJLEdBQUcsQ0FBQyxPQUFPLENBQUMsQ0FBQztRQUNsQyxJQUFNLFVBQVUsR0FBRyxhQUFhLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxRQUFRLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQztRQUNqRixRQUFRLENBQUMsWUFBWSxDQUFDLEdBQUcsQ0FBQyxLQUFLLEVBQUUsVUFBVSxDQUFDLENBQUM7UUFDN0MsUUFBUSxDQUFDLFlBQVksQ0FBQyxHQUFHLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxDQUFDO1FBQ3hDLE1BQU0sQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLFFBQVEsRUFBRSxFQUFFLFFBQVEsRUFBRSxxQkFBcUIsQ0FBQyxDQUFDO0lBQ3BFLENBQUMsQ0FBQztJQUVGLE9BQU8sQ0FDTCx3QkFBQyxVQUFNLElBQ0wsT0FBTyxFQUFFLGdCQUFnQixFQUN6QixhQUFhLEVBQUMsU0FBUyxFQUN2QixRQUFRLEVBQUMsT0FBTyxFQUNoQixNQUFNLEVBQUUsUUFBUSxFQUNoQixJQUFJLEVBQUUsSUFBSSxFQUNWLEtBQUssRUFBRSxhQUFhLENBQUMsQ0FBQyxDQUFDLHFCQUFxQixDQUFDLENBQUMsQ0FBQyxxQkFBcUIsRUFDcEUsU0FBUyxFQUFDLDZFQUE2RSxhQUV2Rix1QkFBQyxZQUFPLEtBQUcsRUFDWCxpQ0FBTSxTQUFTLEVBQUMsU0FBUywrQkFBc0IsSUFDeEMsQ0FDVixDQUFDO0FBQ0osQ0FBQyxDQUFDO0FBRUYsa0JBQWUsV0FBVyxDQUFBIn0=
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import {
|
|
2
|
-
declare const TelegramButton: ({ text, btnShape, size }:
|
|
1
|
+
import { TelegramButtonProps } from "../types";
|
|
2
|
+
declare const TelegramButton: ({ text, btnShape, size, shareHomeOnly }: TelegramButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
3
|
export default TelegramButton;
|
|
@@ -5,17 +5,18 @@ var jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
5
5
|
var fa_1 = require("react-icons/fa");
|
|
6
6
|
var __1 = require("../..");
|
|
7
7
|
var TelegramButton = function (_a) {
|
|
8
|
-
var text = _a.text, btnShape = _a.btnShape, size = _a.size;
|
|
8
|
+
var text = _a.text, btnShape = _a.btnShape, size = _a.size, shareHomeOnly = _a.shareHomeOnly;
|
|
9
9
|
var handleShareClick = function () {
|
|
10
|
-
var baseUrl =
|
|
10
|
+
var baseUrl = "https://t.me/share/url";
|
|
11
|
+
var urlToShare = shareHomeOnly ? window.location.origin : window.location.href;
|
|
11
12
|
var params = new URLSearchParams({
|
|
12
|
-
url:
|
|
13
|
-
text: text.replace(/(\r\n|\n|\r)/g,
|
|
13
|
+
url: urlToShare,
|
|
14
|
+
text: text.replace(/(\r\n|\n|\r)/g, " "),
|
|
14
15
|
});
|
|
15
16
|
var shareUrl = "".concat(baseUrl, "?").concat(params.toString());
|
|
16
|
-
window.open(shareUrl,
|
|
17
|
+
window.open(shareUrl, "_blank", "noopener,noreferrer");
|
|
17
18
|
};
|
|
18
|
-
return ((0, jsx_runtime_1.jsxs)(__1.Button, { onClick: handleShareClick, btnBackground:
|
|
19
|
+
return ((0, jsx_runtime_1.jsxs)(__1.Button, { onClick: handleShareClick, btnBackground: "info", btnColor: "light", layout: btnShape, size: size, title: shareHomeOnly ? "Share site on Telegram" : "Share page on Telegram", className: "hover:opacity-80 focus:text-light focus-visible:outline-accent bg-[#229ED9]", children: [(0, jsx_runtime_1.jsx)(fa_1.FaTelegramPlane, {}), (0, jsx_runtime_1.jsx)("span", { className: "sr-only", children: "Share on Telegram" })] }));
|
|
19
20
|
};
|
|
20
21
|
exports.default = TelegramButton;
|
|
21
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
22
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGVsZWdyYW1CdXR0b24uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvdWkvc29jaWFsc2hhcmUvYnV0dG9ucy9UZWxlZ3JhbUJ1dHRvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLFlBQVksQ0FBQTs7O0FBRVoscUNBQWdEO0FBQ2hELDJCQUE4QjtBQUc5QixJQUFNLGNBQWMsR0FBRyxVQUFDLEVBQTREO1FBQTFELElBQUksVUFBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLElBQUksVUFBQSxFQUFFLGFBQWEsbUJBQUE7SUFDM0QsSUFBTSxnQkFBZ0IsR0FBRztRQUN2QixJQUFNLE9BQU8sR0FBRyx3QkFBd0IsQ0FBQztRQUN6QyxJQUFNLFVBQVUsR0FBRyxhQUFhLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxRQUFRLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQztRQUNqRixJQUFNLE1BQU0sR0FBRyxJQUFJLGVBQWUsQ0FBQztZQUNqQyxHQUFHLEVBQUUsVUFBVTtZQUNmLElBQUksRUFBRSxJQUFJLENBQUMsT0FBTyxDQUFDLGVBQWUsRUFBRSxHQUFHLENBQUM7U0FDekMsQ0FBQyxDQUFDO1FBQ0gsSUFBTSxRQUFRLEdBQUcsVUFBRyxPQUFPLGNBQUksTUFBTSxDQUFDLFFBQVEsRUFBRSxDQUFFLENBQUM7UUFDbkQsTUFBTSxDQUFDLElBQUksQ0FBQyxRQUFRLEVBQUUsUUFBUSxFQUFFLHFCQUFxQixDQUFDLENBQUM7SUFDekQsQ0FBQyxDQUFDO0lBRUYsT0FBTyxDQUNMLHdCQUFDLFVBQU0sSUFDTCxPQUFPLEVBQUUsZ0JBQWdCLEVBQ3pCLGFBQWEsRUFBQyxNQUFNLEVBQ3BCLFFBQVEsRUFBQyxPQUFPLEVBQ2hCLE1BQU0sRUFBRSxRQUFRLEVBQ2hCLElBQUksRUFBRSxJQUFJLEVBQ1YsS0FBSyxFQUFFLGFBQWEsQ0FBQyxDQUFDLENBQUMsd0JBQXdCLENBQUMsQ0FBQyxDQUFDLHdCQUF3QixFQUMxRSxTQUFTLEVBQUMsNkVBQTZFLGFBRXZGLHVCQUFDLG9CQUFlLEtBQUcsRUFDbkIsaUNBQU0sU0FBUyxFQUFDLFNBQVMsa0NBQXlCLElBQzNDLENBQ1YsQ0FBQztBQUNKLENBQUMsQ0FBQztBQUVGLGtCQUFlLGNBQWMsQ0FBQSJ9
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { WhatsAppButtonProps } from '../types';
|
|
2
|
-
declare const WhatsAppButton: ({ text, btnShape, size }: WhatsAppButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
2
|
+
declare const WhatsAppButton: ({ text, btnShape, size, shareHomeOnly }: WhatsAppButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
3
|
export default WhatsAppButton;
|
|
@@ -5,14 +5,15 @@ var jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
5
5
|
var fa_1 = require("react-icons/fa");
|
|
6
6
|
var __1 = require("../..");
|
|
7
7
|
var WhatsAppButton = function (_a) {
|
|
8
|
-
var text = _a.text, btnShape = _a.btnShape, size = _a.size;
|
|
8
|
+
var text = _a.text, btnShape = _a.btnShape, size = _a.size, shareHomeOnly = _a.shareHomeOnly;
|
|
9
9
|
var handleShareClick = function () {
|
|
10
|
-
var baseUrl =
|
|
10
|
+
var baseUrl = "https://api.whatsapp.com/send";
|
|
11
11
|
var shareUrl = new URL(baseUrl);
|
|
12
|
-
|
|
13
|
-
|
|
12
|
+
var urlToShare = shareHomeOnly ? window.location.origin : window.location.href;
|
|
13
|
+
shareUrl.searchParams.set("text", "".concat(text, ": ").concat(urlToShare));
|
|
14
|
+
window.open(shareUrl.toString(), "_blank", "noopener,noreferrer");
|
|
14
15
|
};
|
|
15
|
-
return ((0, jsx_runtime_1.jsxs)(__1.Button, { onClick: handleShareClick, btnBackground:
|
|
16
|
+
return ((0, jsx_runtime_1.jsxs)(__1.Button, { onClick: handleShareClick, btnBackground: "primary", btnColor: "light", layout: btnShape, size: size, title: shareHomeOnly ? "Share site on WhatsApp" : "Share page on WhatsApp", className: "hover:opacity-80 focus:text-light focus-visible:outline-accent bg-[#25D366]", children: [(0, jsx_runtime_1.jsx)(fa_1.FaWhatsapp, {}), (0, jsx_runtime_1.jsx)("span", { className: "sr-only", children: "Share on WhatsApp" })] }));
|
|
16
17
|
};
|
|
17
18
|
exports.default = WhatsAppButton;
|
|
18
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
19
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiV2hhdHNhcHBCdXR0b24uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvdWkvc29jaWFsc2hhcmUvYnV0dG9ucy9XaGF0c2FwcEJ1dHRvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLFlBQVksQ0FBQTs7O0FBRVoscUNBQTJDO0FBQzNDLDJCQUE4QjtBQUc5QixJQUFNLGNBQWMsR0FBRyxVQUFDLEVBQTREO1FBQTFELElBQUksVUFBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLElBQUksVUFBQSxFQUFFLGFBQWEsbUJBQUE7SUFDM0QsSUFBTSxnQkFBZ0IsR0FBRztRQUN2QixJQUFNLE9BQU8sR0FBRywrQkFBK0IsQ0FBQztRQUNoRCxJQUFNLFFBQVEsR0FBRyxJQUFJLEdBQUcsQ0FBQyxPQUFPLENBQUMsQ0FBQztRQUNsQyxJQUFNLFVBQVUsR0FBRyxhQUFhLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxRQUFRLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQztRQUNqRixRQUFRLENBQUMsWUFBWSxDQUFDLEdBQUcsQ0FBQyxNQUFNLEVBQUUsVUFBRyxJQUFJLGVBQUssVUFBVSxDQUFFLENBQUMsQ0FBQztRQUM1RCxNQUFNLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxRQUFRLEVBQUUsRUFBRSxRQUFRLEVBQUUscUJBQXFCLENBQUMsQ0FBQztJQUNwRSxDQUFDLENBQUM7SUFFRixPQUFPLENBQ0wsd0JBQUMsVUFBTSxJQUNMLE9BQU8sRUFBRSxnQkFBZ0IsRUFDekIsYUFBYSxFQUFDLFNBQVMsRUFDdkIsUUFBUSxFQUFDLE9BQU8sRUFDaEIsTUFBTSxFQUFFLFFBQVEsRUFDaEIsSUFBSSxFQUFFLElBQUksRUFDVixLQUFLLEVBQUUsYUFBYSxDQUFDLENBQUMsQ0FBQyx3QkFBd0IsQ0FBQyxDQUFDLENBQUMsd0JBQXdCLEVBQzFFLFNBQVMsRUFBQyw2RUFBNkUsYUFFdkYsdUJBQUMsZUFBVSxLQUFHLEVBQ2QsaUNBQU0sU0FBUyxFQUFDLFNBQVMsa0NBQXlCLElBQzNDLENBQ1YsQ0FBQztBQUNKLENBQUMsQ0FBQztBQUVGLGtCQUFlLGNBQWMsQ0FBQSJ9
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { XButtonProps } from '../types';
|
|
2
|
-
declare const XButton: ({ text, btnShape, size }: XButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
2
|
+
declare const XButton: ({ text, btnShape, size, shareHomeOnly }: XButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
3
|
export default XButton;
|
|
@@ -5,17 +5,18 @@ var jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
5
5
|
var fa6_1 = require("react-icons/fa6");
|
|
6
6
|
var __1 = require("../..");
|
|
7
7
|
var XButton = function (_a) {
|
|
8
|
-
var text = _a.text, btnShape = _a.btnShape, size = _a.size;
|
|
8
|
+
var text = _a.text, btnShape = _a.btnShape, size = _a.size, shareHomeOnly = _a.shareHomeOnly;
|
|
9
9
|
var handleShareClick = function () {
|
|
10
|
-
var baseUrl =
|
|
10
|
+
var baseUrl = "https://x.com/intent/tweet";
|
|
11
|
+
var urlToShare = shareHomeOnly ? window.location.origin : window.location.href;
|
|
11
12
|
var params = new URLSearchParams({
|
|
12
|
-
text: text.replace(/(\r\n|\n|\r)/g,
|
|
13
|
-
url:
|
|
13
|
+
text: text.replace(/(\r\n|\n|\r)/g, " "),
|
|
14
|
+
url: urlToShare,
|
|
14
15
|
});
|
|
15
16
|
var shareUrl = "".concat(baseUrl, "?").concat(params.toString());
|
|
16
|
-
window.open(shareUrl,
|
|
17
|
+
window.open(shareUrl, "_blank", "noopener,noreferrer");
|
|
17
18
|
};
|
|
18
|
-
return ((0, jsx_runtime_1.jsxs)(__1.Button, { onClick: handleShareClick, btnBackground:
|
|
19
|
+
return ((0, jsx_runtime_1.jsxs)(__1.Button, { onClick: handleShareClick, btnBackground: "primary", btnColor: "light", layout: btnShape, size: size, title: shareHomeOnly ? "Share site on X" : "Share page on X", className: "hover:opacity-80 focus:text-light focus-visible:outline-accent bg-[#000000]", children: [(0, jsx_runtime_1.jsx)(fa6_1.FaXTwitter, {}), (0, jsx_runtime_1.jsx)("span", { className: "sr-only", children: "Share on X" })] }));
|
|
19
20
|
};
|
|
20
21
|
exports.default = XButton;
|
|
21
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
22
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiWEJ1dHRvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy91aS9zb2NpYWxzaGFyZS9idXR0b25zL1hCdXR0b24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxZQUFZLENBQUE7OztBQUVaLHVDQUE0QztBQUM1QywyQkFBOEI7QUFHOUIsSUFBTSxPQUFPLEdBQUcsVUFBQyxFQUFxRDtRQUFuRCxJQUFJLFVBQUEsRUFBRSxRQUFRLGNBQUEsRUFBRSxJQUFJLFVBQUEsRUFBRSxhQUFhLG1CQUFBO0lBQ3BELElBQU0sZ0JBQWdCLEdBQUc7UUFDdkIsSUFBTSxPQUFPLEdBQUcsNEJBQTRCLENBQUM7UUFDN0MsSUFBTSxVQUFVLEdBQUcsYUFBYSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsUUFBUSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUM7UUFDakYsSUFBTSxNQUFNLEdBQUcsSUFBSSxlQUFlLENBQUM7WUFDakMsSUFBSSxFQUFFLElBQUksQ0FBQyxPQUFPLENBQUMsZUFBZSxFQUFFLEdBQUcsQ0FBQztZQUN4QyxHQUFHLEVBQUUsVUFBVTtTQUNoQixDQUFDLENBQUM7UUFDSCxJQUFNLFFBQVEsR0FBRyxVQUFHLE9BQU8sY0FBSSxNQUFNLENBQUMsUUFBUSxFQUFFLENBQUUsQ0FBQztRQUNuRCxNQUFNLENBQUMsSUFBSSxDQUFDLFFBQVEsRUFBRSxRQUFRLEVBQUUscUJBQXFCLENBQUMsQ0FBQztJQUN6RCxDQUFDLENBQUM7SUFFRixPQUFPLENBQ0wsd0JBQUMsVUFBTSxJQUNMLE9BQU8sRUFBRSxnQkFBZ0IsRUFDekIsYUFBYSxFQUFDLFNBQVMsRUFDdkIsUUFBUSxFQUFDLE9BQU8sRUFDaEIsTUFBTSxFQUFFLFFBQVEsRUFDaEIsSUFBSSxFQUFFLElBQUksRUFDVixLQUFLLEVBQUUsYUFBYSxDQUFDLENBQUMsQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDLENBQUMsaUJBQWlCLEVBQzVELFNBQVMsRUFBQyw2RUFBNkUsYUFFdkYsdUJBQUMsZ0JBQVUsS0FBRyxFQUNkLGlDQUFNLFNBQVMsRUFBQyxTQUFTLDJCQUFrQixJQUNwQyxDQUNWLENBQUM7QUFDSixDQUFDLENBQUM7QUFFRixrQkFBZSxPQUFPLENBQUEifQ==
|
|
@@ -1,25 +1,28 @@
|
|
|
1
1
|
export interface btnProps {
|
|
2
|
-
btnShape?:
|
|
3
|
-
size?:
|
|
2
|
+
btnShape?: "rounded" | "square" | "circle";
|
|
3
|
+
size?: "md" | "lg" | "xl";
|
|
4
|
+
shareHomeOnly?: boolean;
|
|
4
5
|
}
|
|
5
|
-
export type SocialShareButton =
|
|
6
|
+
export type SocialShareButton = "X" | "Facebook" | "LinkedIn" | "Slack" | "WhatsApp" | "Reddit" | "Pinterest" | "Telegram" | "Email" | "Bluesky";
|
|
6
7
|
export interface SocialShareProps extends btnProps {
|
|
7
8
|
className?: string;
|
|
8
9
|
style?: React.CSSProperties;
|
|
9
|
-
layout?:
|
|
10
|
+
layout?: "horizontal" | "vertical";
|
|
10
11
|
text: string;
|
|
11
12
|
buttons: SocialShareButton[];
|
|
12
|
-
gap?:
|
|
13
|
+
gap?: "none" | "sm" | "md" | "lg";
|
|
13
14
|
grayscale?: boolean;
|
|
14
15
|
}
|
|
15
|
-
export interface
|
|
16
|
+
export interface ShareButtonWithTextProps extends btnProps {
|
|
16
17
|
text: string;
|
|
17
18
|
}
|
|
18
|
-
export
|
|
19
|
-
|
|
20
|
-
export
|
|
21
|
-
|
|
22
|
-
export
|
|
23
|
-
|
|
24
|
-
export
|
|
25
|
-
|
|
19
|
+
export type XButtonProps = ShareButtonWithTextProps;
|
|
20
|
+
export type WhatsAppButtonProps = ShareButtonWithTextProps;
|
|
21
|
+
export type SlackButtonProps = ShareButtonWithTextProps;
|
|
22
|
+
export type TelegramButtonProps = ShareButtonWithTextProps;
|
|
23
|
+
export type RedditButtonProps = ShareButtonWithTextProps;
|
|
24
|
+
export type PinterestButtonProps = ShareButtonWithTextProps;
|
|
25
|
+
export type BlueskyButtonProps = ShareButtonWithTextProps;
|
|
26
|
+
export type EmailButtonProps = ShareButtonWithTextProps;
|
|
27
|
+
export type FacebookButtonProps = btnProps;
|
|
28
|
+
export type LinkedInButtonProps = btnProps;
|