@smitch/breeze 2.2.39 → 2.2.42
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/README.md +31 -1
- package/lib/index.d.ts +0 -1
- package/lib/index.js +2 -5
- 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/lib/video/Video.js +207 -0
- package/lib/{videoplayer → video}/VideoControls.js +2 -2
- package/lib/video/VideoPlayer.js +71 -0
- package/lib/{videoplayer → video}/VideoTracks.js +1 -1
- package/lib/{videoplayer → video}/controls/CaptionsControl.js +1 -1
- package/lib/{videoplayer → video}/controls/FullscreenControl.js +1 -1
- package/lib/{videoplayer → video}/controls/PipControl.js +1 -1
- package/lib/{videoplayer → video}/controls/SoundControl.js +1 -1
- package/lib/{videoplayer → video}/controls/index.js +1 -1
- package/lib/video/hls.d.ts +2 -0
- package/lib/video/hls.js +8 -0
- package/lib/{videoplayer → video}/index.js +1 -1
- package/lib/{videoplayer → video}/types/index.d.ts +5 -5
- package/lib/{videoplayer → video}/types/index.js +1 -1
- package/package.json +3 -2
- package/lib/videoplayer/Video.js +0 -135
- package/lib/videoplayer/VideoPlayer.js +0 -71
- /package/lib/{videoplayer → video}/Video.d.ts +0 -0
- /package/lib/{videoplayer → video}/VideoControls.d.ts +0 -0
- /package/lib/{videoplayer → video}/VideoPlayer.d.ts +0 -0
- /package/lib/{videoplayer → video}/VideoTracks.d.ts +0 -0
- /package/lib/{videoplayer → video}/controls/CaptionsControl.d.ts +0 -0
- /package/lib/{videoplayer → video}/controls/FullscreenControl.d.ts +0 -0
- /package/lib/{videoplayer → video}/controls/PipControl.d.ts +0 -0
- /package/lib/{videoplayer → video}/controls/SoundControl.d.ts +0 -0
- /package/lib/{videoplayer → video}/controls/index.d.ts +0 -0
- /package/lib/{videoplayer → video}/index.d.ts +0 -0
package/README.md
CHANGED
|
@@ -20,6 +20,8 @@ Live demo: [https://breezeui.site](https://breezeui.site)
|
|
|
20
20
|
- [Basic Usage](#basic-usage)
|
|
21
21
|
- [Charts Usage](#charts-usage)
|
|
22
22
|
- [Chart Usage Example](#chart-usage-example)
|
|
23
|
+
- [Video Usage](#video-usage)
|
|
24
|
+
- [Video Streaming Support](#video-streaming-support)
|
|
23
25
|
- [Map Usage](#map-usage)
|
|
24
26
|
- [Map Usage Examples](#map-usage-examples)
|
|
25
27
|
- [Static Map](#static-map)
|
|
@@ -191,7 +193,7 @@ const App = () => <Button>Click me</Button>;
|
|
|
191
193
|
export default App;
|
|
192
194
|
```
|
|
193
195
|
|
|
194
|
-
For charts/maps, see below.
|
|
196
|
+
For charts/maps/video, see below.
|
|
195
197
|
|
|
196
198
|
## Charts Usage
|
|
197
199
|
|
|
@@ -240,6 +242,34 @@ const App = () => {
|
|
|
240
242
|
export default App;
|
|
241
243
|
```
|
|
242
244
|
|
|
245
|
+
## Video Usage
|
|
246
|
+
|
|
247
|
+
Video components: VideoPlayer, Video.
|
|
248
|
+
|
|
249
|
+
> **Note:** To use video components, import from `@smitch/breeze/lib/video`.
|
|
250
|
+
|
|
251
|
+
```jsx
|
|
252
|
+
import { Video } from "@smitch/breeze/lib/video";
|
|
253
|
+
```
|
|
254
|
+
|
|
255
|
+
### Video Streaming Support
|
|
256
|
+
|
|
257
|
+
If you use the Video component for streaming `.m3u8` (HLS) files, you must install `hls.js` in your project:
|
|
258
|
+
|
|
259
|
+
```bash
|
|
260
|
+
npm install hls.js
|
|
261
|
+
```
|
|
262
|
+
|
|
263
|
+
- `hls.js` is listed as a peer dependency. It is only required if you use video streaming features.
|
|
264
|
+
- If you do not use streaming, you do not need to install `hls.js`.
|
|
265
|
+
|
|
266
|
+
**Example:**
|
|
267
|
+
```jsx
|
|
268
|
+
import { Video } from "@smitch/breeze/lib/video";
|
|
269
|
+
|
|
270
|
+
<Video src="https://c.mjh.nz/abc-kids.m3u8" controls />
|
|
271
|
+
```
|
|
272
|
+
|
|
243
273
|
## Map Usage
|
|
244
274
|
|
|
245
275
|
Map components: MapMarker, MapCircle, MapPolygon, MapLine, MapRectangle.
|
package/lib/index.d.ts
CHANGED
package/lib/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.Select = exports.SearchInput = exports.Tabs = exports.Ratings = exports.RangeInput = exports.RadioGroup = exports.Progress = exports.PlaceHolder = exports.Pictogram = exports.PasswordInput = exports.Pagination = exports.NavBar = exports.Modal = exports.Spinner = exports.Loading = exports.Label = exports.Input = exports.Icon = exports.Hero = exports.Heading = exports.Gallery = exports.RegisterForm = exports.Fieldset = exports.Form = exports.FileUpload = exports.Figure = exports.Dropdown = exports.Dialog = exports.DataTable = exports.Counter = exports.Codeblock = exports.Clock = exports.Checkbox = exports.Carousel = exports.CardFooter = exports.CardImage = exports.CardBody = exports.CardHeader = exports.Card = exports.ButtonGroup = exports.CloseButton = exports.Button = exports.Breadcrumbs = exports.Blockquote = exports.Badge = exports.Autocomplete = exports.Avatar = exports.Alert = exports.AccordionItem = exports.Accordion = void 0;
|
|
4
|
-
exports.YoutubeEmbed = exports.
|
|
4
|
+
exports.YoutubeEmbed = exports.TwitterEmbed = exports.Ticker = exports.Toast = exports.TextArea = exports.TextInput = exports.Switch = exports.StatBar = exports.BlueskyButton = exports.XButton = exports.WhatsAppButton = exports.TelegramButton = exports.SlackButton = exports.PinterestButton = exports.LinkedinButton = exports.RedditButton = exports.FacebookButton = exports.SocialShare = exports.Sidebar = void 0;
|
|
5
5
|
var accordion_1 = require("./accordion");
|
|
6
6
|
Object.defineProperty(exports, "Accordion", { enumerable: true, get: function () { return accordion_1.Accordion; } });
|
|
7
7
|
Object.defineProperty(exports, "AccordionItem", { enumerable: true, get: function () { return accordion_1.AccordionItem; } });
|
|
@@ -120,9 +120,6 @@ var ticker_1 = require("./ticker");
|
|
|
120
120
|
Object.defineProperty(exports, "Ticker", { enumerable: true, get: function () { return ticker_1.Ticker; } });
|
|
121
121
|
var twitterembed_1 = require("./twitterembed");
|
|
122
122
|
Object.defineProperty(exports, "TwitterEmbed", { enumerable: true, get: function () { return twitterembed_1.TwitterEmbed; } });
|
|
123
|
-
var videoplayer_1 = require("./videoplayer");
|
|
124
|
-
Object.defineProperty(exports, "VideoPlayer", { enumerable: true, get: function () { return videoplayer_1.VideoPlayer; } });
|
|
125
|
-
Object.defineProperty(exports, "Video", { enumerable: true, get: function () { return videoplayer_1.Video; } });
|
|
126
123
|
var youtubeembed_1 = require("./youtubeembed");
|
|
127
124
|
Object.defineProperty(exports, "YoutubeEmbed", { enumerable: true, get: function () { return youtubeembed_1.YoutubeEmbed; } });
|
|
128
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
125
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvdWkvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUFBLHlDQUF1RDtBQUE5QyxzR0FBQSxTQUFTLE9BQUE7QUFBRSwwR0FBQSxhQUFhLE9BQUE7QUFDakMsaUNBQWdDO0FBQXZCLDhGQUFBLEtBQUssT0FBQTtBQUNkLG1DQUFrQztBQUF6QixnR0FBQSxNQUFNLE9BQUE7QUFDZiwrQ0FBOEM7QUFBckMsNEdBQUEsWUFBWSxPQUFBO0FBQ3JCLGlDQUFnQztBQUF2Qiw4RkFBQSxLQUFLLE9BQUE7QUFDZCwyQ0FBMEM7QUFBakMsd0dBQUEsVUFBVSxPQUFBO0FBQ25CLDZDQUE0QztBQUFuQywwR0FBQSxXQUFXLE9BQUE7QUFDcEIsbUNBQStDO0FBQXRDLGdHQUFBLE1BQU0sT0FBQTtBQUFFLHFHQUFBLFdBQVcsT0FBQTtBQUM1Qiw2Q0FBNEM7QUFBbkMsMEdBQUEsV0FBVyxPQUFBO0FBQ3BCLCtCQUEyRTtBQUFsRSw0RkFBQSxJQUFJLE9BQUE7QUFBRSxrR0FBQSxVQUFVLE9BQUE7QUFBRSxnR0FBQSxRQUFRLE9BQUE7QUFBRSxpR0FBQSxTQUFTLE9BQUE7QUFBRSxrR0FBQSxVQUFVLE9BQUE7QUFDMUQsdUNBQXNDO0FBQTdCLG9HQUFBLFFBQVEsT0FBQTtBQUNqQix1Q0FBc0M7QUFBN0Isb0dBQUEsUUFBUSxPQUFBO0FBQ2pCLGlDQUFnQztBQUF2Qiw4RkFBQSxLQUFLLE9BQUE7QUFDZCx5Q0FBd0M7QUFBL0Isc0dBQUEsU0FBUyxPQUFBO0FBQ2xCLHFDQUFvQztBQUEzQixrR0FBQSxPQUFPLE9BQUE7QUFDaEIseUNBQXdDO0FBQS9CLHNHQUFBLFNBQVMsT0FBQTtBQUNsQixtQ0FBa0M7QUFBekIsZ0dBQUEsTUFBTSxPQUFBO0FBQ2YsdUNBQXNDO0FBQTdCLG9HQUFBLFFBQVEsT0FBQTtBQUNqQixtQ0FBa0M7QUFBekIsZ0dBQUEsTUFBTSxPQUFBO0FBQ2YsMkNBQTBDO0FBQWpDLHdHQUFBLFVBQVUsT0FBQTtBQUVuQiwrQkFBc0Q7QUFBN0MsNEZBQUEsSUFBSSxPQUFBO0FBQUUsZ0dBQUEsUUFBUSxPQUFBO0FBQUUsb0dBQUEsWUFBWSxPQUFBO0FBQ3JDLHFDQUFvQztBQUEzQixrR0FBQSxPQUFPLE9BQUE7QUFDaEIscUNBQW9DO0FBQTNCLGtHQUFBLE9BQU8sT0FBQTtBQUNoQiwrQkFBOEI7QUFBckIsNEZBQUEsSUFBSSxPQUFBO0FBQ2IsK0JBQThCO0FBQXJCLDRGQUFBLElBQUksT0FBQTtBQUNiLGlDQUFnQztBQUF2Qiw4RkFBQSxLQUFLLE9BQUE7QUFDZCxpQ0FBZ0M7QUFBdkIsOEZBQUEsS0FBSyxPQUFBO0FBQ2QscUNBQTZDO0FBQXBDLGtHQUFBLE9BQU8sT0FBQTtBQUFFLGtHQUFBLE9BQU8sT0FBQTtBQUN6QixpQ0FBZ0M7QUFBdkIsOEZBQUEsS0FBSyxPQUFBO0FBQ2QsbUNBQWtDO0FBQXpCLGdHQUFBLE1BQU0sT0FBQTtBQUNmLDJDQUEwQztBQUFqQyx3R0FBQSxVQUFVLE9BQUE7QUFDbkIsaURBQWdEO0FBQXZDLDhHQUFBLGFBQWEsT0FBQTtBQUN0Qix5Q0FBd0M7QUFBL0Isc0dBQUEsU0FBUyxPQUFBO0FBQ2xCLDZDQUE0QztBQUFuQywwR0FBQSxXQUFXLE9BQUE7QUFDcEIsdUNBQXNDO0FBQTdCLG9HQUFBLFFBQVEsT0FBQTtBQUNqQiwyQ0FBMEM7QUFBakMsd0dBQUEsVUFBVSxPQUFBO0FBQ25CLDJDQUEwQztBQUFqQyx3R0FBQSxVQUFVLE9BQUE7QUFDbkIscUNBQW9DO0FBQTNCLGtHQUFBLE9BQU8sT0FBQTtBQUNoQiwrQkFBOEI7QUFBckIsNEZBQUEsSUFBSSxPQUFBO0FBQ2IsNkNBQTRDO0FBQW5DLDBHQUFBLFdBQVcsT0FBQTtBQUNwQixtQ0FBa0M7QUFBekIsZ0dBQUEsTUFBTSxPQUFBO0FBQ2YscUNBQW9DO0FBQTNCLGtHQUFBLE9BQU8sT0FBQTtBQUNoQiw2Q0FXdUI7QUFWckIsMEdBQUEsV0FBVyxPQUFBO0FBQ1gsNkdBQUEsY0FBYyxPQUFBO0FBQ2QsMkdBQUEsWUFBWSxPQUFBO0FBQ1osNkdBQUEsY0FBYyxPQUFBO0FBQ2QsOEdBQUEsZUFBZSxPQUFBO0FBQ2YsMEdBQUEsV0FBVyxPQUFBO0FBQ1gsNkdBQUEsY0FBYyxPQUFBO0FBQ2QsNkdBQUEsY0FBYyxPQUFBO0FBQ2Qsc0dBQUEsT0FBTyxPQUFBO0FBQ1AsNEdBQUEsYUFBYSxPQUFBO0FBRWYscUNBQW9DO0FBQTNCLGtHQUFBLE9BQU8sT0FBQTtBQUNoQixtQ0FBa0M7QUFBekIsZ0dBQUEsTUFBTSxPQUFBO0FBQ2YseUNBQXdDO0FBQS9CLHNHQUFBLFNBQVMsT0FBQTtBQUNsQix1Q0FBc0M7QUFBN0Isb0dBQUEsUUFBUSxPQUFBO0FBQ2pCLGlDQUFnQztBQUF2Qiw4RkFBQSxLQUFLLE9BQUE7QUFDZCxtQ0FBa0M7QUFBekIsZ0dBQUEsTUFBTSxPQUFBO0FBQ2YsK0NBQThDO0FBQXJDLDRHQUFBLFlBQVksT0FBQTtBQUNyQiwrQ0FBOEM7QUFBckMsNEdBQUEsWUFBWSxPQUFBIn0=
|
|
@@ -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;
|