@xyo-network/react-share 2.56.15 → 2.56.17

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.
Files changed (10) hide show
  1. package/dist/cjs/ShareButton.js +4 -3
  2. package/dist/cjs/ShareButton.js.map +1 -1
  3. package/dist/docs.json +39 -13
  4. package/dist/esm/ShareButton.js +4 -3
  5. package/dist/esm/ShareButton.js.map +1 -1
  6. package/dist/types/ShareButton.d.ts +1 -0
  7. package/dist/types/ShareButton.d.ts.map +1 -1
  8. package/package.json +1 -1
  9. package/src/ShareButton.stories.tsx +5 -1
  10. package/src/ShareButton.tsx +5 -3
package/dist/cjs/ShareButton.js CHANGED
@@ -12,16 +12,17 @@ const react_flexbox_1 = require("@xylabs/react-flexbox");
12
12
  const react_link_1 = require("@xylabs/react-link");
13
13
  const react_1 = require("react");
14
14
  const ShareButton = (_a) => {
15
- var { prepared = true } = _a, props = tslib_1.__rest(_a, ["prepared"]);
15
+ var { prepared = true, shareLink } = _a, props = tslib_1.__rest(_a, ["prepared", "shareLink"]);
16
16
  const [expanded, setExpanded] = (0, react_1.useState)(false);
17
17
  const anchorRef = (0, react_1.useRef)(null);
18
+ const link = shareLink !== null && shareLink !== void 0 ? shareLink : window.location.href;
18
19
  return ((0, jsx_runtime_1.jsxs)(react_flexbox_1.FlexRow, Object.assign({ gap: 1, ref: anchorRef }, { children: [(0, jsx_runtime_1.jsx)(react_button_1.ButtonEx, Object.assign({ variant: "text", minWidth: 32, size: "small", disabled: !prepared, onClick: () => {
19
20
  setExpanded(true);
20
21
  } }, props, { children: (0, jsx_runtime_1.jsx)(Share_1.default, { htmlColor: "gray", fontSize: "small" }) })), (0, jsx_runtime_1.jsx)(material_1.Popover, Object.assign({ open: prepared ? expanded : false, anchorEl: anchorRef.current, onClose: () => setExpanded(false), transitionDuration: 500 }, { children: (0, jsx_runtime_1.jsxs)(react_flexbox_1.FlexRow, Object.assign({ gap: 0.5, padding: 0.5 }, { children: [(0, jsx_runtime_1.jsx)(react_link_1.LinkEx, Object.assign({ lineHeight: 0, style: { color: '#1da1f2' }, onClick: () => {
21
- window.open(`https://twitter.com/intent/tweet?url=${encodeURIComponent(window.location.href)}`);
22
+ window.open(`https://twitter.com/intent/tweet?url=${encodeURIComponent(link)}`);
22
23
  setExpanded(false);
23
24
  } }, { children: (0, jsx_runtime_1.jsx)(Twitter_1.default, { fontSize: "small" }) })), (0, jsx_runtime_1.jsx)(react_link_1.LinkEx, Object.assign({ lineHeight: 0, style: { color: '#4267b2' }, onClick: () => {
24
- window.open(`https://www.facebook.com/sharer/sharer.php?u=${encodeURIComponent(window.location.href)}`);
25
+ window.open(`https://www.facebook.com/sharer/sharer.php?u=${encodeURIComponent(link)}`);
25
26
  setExpanded(false);
26
27
  } }, { children: (0, jsx_runtime_1.jsx)(Facebook_1.default, { fontSize: "small" }) }))] })) }))] })));
27
28
  };
package/dist/cjs/ShareButton.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ShareButton.js","sourceRoot":"","sources":["../../src/ShareButton.tsx"],"names":[],"mappings":";;;;;AAAA,oFAAuD;AACvD,8EAAiD;AACjD,kFAAqD;AACrD,4CAAuC;AACvC,uDAA8D;AAC9D,yDAA+C;AAC/C,mDAA2C;AAC3C,iCAAwC;AAMjC,MAAM,WAAW,GAA+B,CAAC,EAA6B,EAAE,EAAE;QAAjC,EAAE,QAAQ,GAAG,IAAI,OAAY,EAAP,KAAK,sBAA3B,YAA6B,CAAF;IACjF,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAA;IAC/C,MAAM,SAAS,GAAG,IAAA,cAAM,EAAC,IAAI,CAAC,CAAA;IAE9B,OAAO,CACL,wBAAC,uBAAO,kBAAC,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,SAAS,iBAC7B,uBAAC,uBAAQ,kBACP,OAAO,EAAC,MAAM,EACd,QAAQ,EAAE,EAAE,EACZ,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAE,CAAC,QAAQ,EACnB,OAAO,EAAE,GAAG,EAAE;oBACZ,WAAW,CAAC,IAAI,CAAC,CAAA;gBACnB,CAAC,IACG,KAAK,cAET,uBAAC,eAAS,IAAC,SAAS,EAAC,MAAM,EAAC,QAAQ,EAAC,OAAO,GAAG,IACtC,EACX,uBAAC,kBAAO,kBAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,EAAE,QAAQ,EAAE,SAAS,CAAC,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE,kBAAkB,EAAE,GAAG,gBACjI,wBAAC,uBAAO,kBAAC,GAAG,EAAE,GAAG,EAAE,OAAO,EAAE,GAAG,iBAC7B,uBAAC,mBAAM,kBACL,UAAU,EAAE,CAAC,EACb,KAAK,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,EAC3B,OAAO,EAAE,GAAG,EAAE;gCACZ,MAAM,CAAC,IAAI,CAAC,wCAAwC,kBAAkB,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;gCAC/F,WAAW,CAAC,KAAK,CAAC,CAAA;4BACpB,CAAC,gBAED,uBAAC,iBAAW,IAAC,QAAQ,EAAC,OAAO,GAAG,IACzB,EACT,uBAAC,mBAAM,kBACL,UAAU,EAAE,CAAC,EACb,KAAK,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,EAC3B,OAAO,EAAE,GAAG,EAAE;gCACZ,MAAM,CAAC,IAAI,CAAC,gDAAgD,kBAAkB,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;gCACvG,WAAW,CAAC,KAAK,CAAC,CAAA;4BACpB,CAAC,gBAED,uBAAC,kBAAY,IAAC,QAAQ,EAAC,OAAO,GAAG,IAC1B,KACD,IACF,KACF,CACX,CAAA;AACH,CAAC,CAAA;AA5CY,QAAA,WAAW,eA4CvB"}
1
+ {"version":3,"file":"ShareButton.js","sourceRoot":"","sources":["../../src/ShareButton.tsx"],"names":[],"mappings":";;;;;AAAA,oFAAuD;AACvD,8EAAiD;AACjD,kFAAqD;AACrD,4CAAuC;AACvC,uDAA8D;AAC9D,yDAA+C;AAC/C,mDAA2C;AAC3C,iCAAwC;AAOjC,MAAM,WAAW,GAA+B,CAAC,EAAwC,EAAE,EAAE;QAA5C,EAAE,QAAQ,GAAG,IAAI,EAAE,SAAS,OAAY,EAAP,KAAK,sBAAtC,yBAAwC,CAAF;IAC5F,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAA;IAC/C,MAAM,SAAS,GAAG,IAAA,cAAM,EAAC,IAAI,CAAC,CAAA;IAC9B,MAAM,IAAI,GAAG,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAA;IAE9C,OAAO,CACL,wBAAC,uBAAO,kBAAC,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,SAAS,iBAC7B,uBAAC,uBAAQ,kBACP,OAAO,EAAC,MAAM,EACd,QAAQ,EAAE,EAAE,EACZ,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAE,CAAC,QAAQ,EACnB,OAAO,EAAE,GAAG,EAAE;oBACZ,WAAW,CAAC,IAAI,CAAC,CAAA;gBACnB,CAAC,IACG,KAAK,cAET,uBAAC,eAAS,IAAC,SAAS,EAAC,MAAM,EAAC,QAAQ,EAAC,OAAO,GAAG,IACtC,EACX,uBAAC,kBAAO,kBAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,EAAE,QAAQ,EAAE,SAAS,CAAC,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE,kBAAkB,EAAE,GAAG,gBACjI,wBAAC,uBAAO,kBAAC,GAAG,EAAE,GAAG,EAAE,OAAO,EAAE,GAAG,iBAC7B,uBAAC,mBAAM,kBACL,UAAU,EAAE,CAAC,EACb,KAAK,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,EAC3B,OAAO,EAAE,GAAG,EAAE;gCACZ,MAAM,CAAC,IAAI,CAAC,wCAAwC,kBAAkB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;gCAC/E,WAAW,CAAC,KAAK,CAAC,CAAA;4BACpB,CAAC,gBAED,uBAAC,iBAAW,IAAC,QAAQ,EAAC,OAAO,GAAG,IACzB,EACT,uBAAC,mBAAM,kBACL,UAAU,EAAE,CAAC,EACb,KAAK,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,EAC3B,OAAO,EAAE,GAAG,EAAE;gCACZ,MAAM,CAAC,IAAI,CAAC,gDAAgD,kBAAkB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;gCACvF,WAAW,CAAC,KAAK,CAAC,CAAA;4BACpB,CAAC,gBAED,uBAAC,kBAAY,IAAC,QAAQ,EAAC,OAAO,GAAG,IAC1B,KACD,IACF,KACF,CACX,CAAA;AACH,CAAC,CAAA;AA7CY,QAAA,WAAW,eA6CvB"}
package/dist/docs.json CHANGED
@@ -25,20 +25,42 @@
25
25
  "fileName": "packages/sdk/packages/share/src/ShareButton.tsx",
26
26
  "line": 11,
27
27
  "character": 2,
28
- "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/017aab702/packages/sdk/packages/share/src/ShareButton.tsx#L11"
28
+ "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/7ca61dd74/packages/sdk/packages/share/src/ShareButton.tsx#L11"
29
29
  }
30
30
  ],
31
31
  "type": {
32
32
  "type": "intrinsic",
33
33
  "name": "boolean"
34
34
  }
35
+ },
36
+ {
37
+ "id": 3,
38
+ "name": "shareLink",
39
+ "variant": "declaration",
40
+ "kind": 1024,
41
+ "flags": {
42
+ "isOptional": true
43
+ },
44
+ "sources": [
45
+ {
46
+ "fileName": "packages/sdk/packages/share/src/ShareButton.tsx",
47
+ "line": 12,
48
+ "character": 2,
49
+ "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/7ca61dd74/packages/sdk/packages/share/src/ShareButton.tsx#L12"
50
+ }
51
+ ],
52
+ "type": {
53
+ "type": "intrinsic",
54
+ "name": "string"
55
+ }
35
56
  }
36
57
  ],
37
58
  "groups": [
38
59
  {
39
60
  "title": "Properties",
40
61
  "children": [
41
- 2
62
+ 2,
63
+ 3
42
64
  ]
43
65
  }
44
66
  ],
@@ -47,7 +69,7 @@
47
69
  "fileName": "packages/sdk/packages/share/src/ShareButton.tsx",
48
70
  "line": 10,
49
71
  "character": 17,
50
- "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/017aab702/packages/sdk/packages/share/src/ShareButton.tsx#L10"
72
+ "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/7ca61dd74/packages/sdk/packages/share/src/ShareButton.tsx#L10"
51
73
  }
52
74
  ],
53
75
  "extendedTypes": [
@@ -63,7 +85,7 @@
63
85
  ]
64
86
  },
65
87
  {
66
- "id": 3,
88
+ "id": 4,
67
89
  "name": "ShareButton",
68
90
  "variant": "declaration",
69
91
  "kind": 64,
@@ -71,14 +93,14 @@
71
93
  "sources": [
72
94
  {
73
95
  "fileName": "packages/sdk/packages/share/src/ShareButton.tsx",
74
- "line": 14,
96
+ "line": 15,
75
97
  "character": 13,
76
- "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/017aab702/packages/sdk/packages/share/src/ShareButton.tsx#L14"
98
+ "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/7ca61dd74/packages/sdk/packages/share/src/ShareButton.tsx#L15"
77
99
  }
78
100
  ],
79
101
  "signatures": [
80
102
  {
81
- "id": 4,
103
+ "id": 5,
82
104
  "name": "ShareButton",
83
105
  "variant": "signature",
84
106
  "kind": 4096,
@@ -92,7 +114,7 @@
92
114
  ],
93
115
  "parameters": [
94
116
  {
95
- "id": 5,
117
+ "id": 6,
96
118
  "name": "props",
97
119
  "variant": "param",
98
120
  "kind": 32768,
@@ -105,7 +127,7 @@
105
127
  }
106
128
  },
107
129
  {
108
- "id": 6,
130
+ "id": 7,
109
131
  "name": "context",
110
132
  "variant": "param",
111
133
  "kind": 32768,
@@ -161,7 +183,7 @@
161
183
  {
162
184
  "title": "Functions",
163
185
  "children": [
164
- 3
186
+ 4
165
187
  ]
166
188
  }
167
189
  ],
@@ -187,17 +209,21 @@
187
209
  },
188
210
  "3": {
189
211
  "sourceFileName": "src/ShareButton.tsx",
190
- "qualifiedName": "ShareButton"
212
+ "qualifiedName": "ShareButtonProps.shareLink"
191
213
  },
192
214
  "4": {
193
- "sourceFileName": "../../../../node_modules/@types/react/ts5.0/index.d.ts",
215
+ "sourceFileName": "src/ShareButton.tsx",
194
216
  "qualifiedName": "ShareButton"
195
217
  },
196
218
  "5": {
197
219
  "sourceFileName": "../../../../node_modules/@types/react/ts5.0/index.d.ts",
198
- "qualifiedName": "props"
220
+ "qualifiedName": "ShareButton"
199
221
  },
200
222
  "6": {
223
+ "sourceFileName": "../../../../node_modules/@types/react/ts5.0/index.d.ts",
224
+ "qualifiedName": "props"
225
+ },
226
+ "7": {
201
227
  "sourceFileName": "../../../../node_modules/@types/react/ts5.0/index.d.ts",
202
228
  "qualifiedName": "context"
203
229
  }
package/dist/esm/ShareButton.js CHANGED
@@ -7,16 +7,17 @@ import { ButtonEx } from '@xylabs/react-button';
7
7
  import { FlexRow } from '@xylabs/react-flexbox';
8
8
  import { LinkEx } from '@xylabs/react-link';
9
9
  import { useRef, useState } from 'react';
10
- export const ShareButton = ({ prepared = true, ...props }) => {
10
+ export const ShareButton = ({ prepared = true, shareLink, ...props }) => {
11
11
  const [expanded, setExpanded] = useState(false);
12
12
  const anchorRef = useRef(null);
13
+ const link = shareLink ?? window.location.href;
13
14
  return (_jsxs(FlexRow, { gap: 1, ref: anchorRef, children: [_jsx(ButtonEx, { variant: "text", minWidth: 32, size: "small", disabled: !prepared, onClick: () => {
14
15
  setExpanded(true);
15
16
  }, ...props, children: _jsx(ShareIcon, { htmlColor: "gray", fontSize: "small" }) }), _jsx(Popover, { open: prepared ? expanded : false, anchorEl: anchorRef.current, onClose: () => setExpanded(false), transitionDuration: 500, children: _jsxs(FlexRow, { gap: 0.5, padding: 0.5, children: [_jsx(LinkEx, { lineHeight: 0, style: { color: '#1da1f2' }, onClick: () => {
16
- window.open(`https://twitter.com/intent/tweet?url=${encodeURIComponent(window.location.href)}`);
17
+ window.open(`https://twitter.com/intent/tweet?url=${encodeURIComponent(link)}`);
17
18
  setExpanded(false);
18
19
  }, children: _jsx(TwitterIcon, { fontSize: "small" }) }), _jsx(LinkEx, { lineHeight: 0, style: { color: '#4267b2' }, onClick: () => {
19
- window.open(`https://www.facebook.com/sharer/sharer.php?u=${encodeURIComponent(window.location.href)}`);
20
+ window.open(`https://www.facebook.com/sharer/sharer.php?u=${encodeURIComponent(link)}`);
20
21
  setExpanded(false);
21
22
  }, children: _jsx(FacebookIcon, { fontSize: "small" }) })] }) })] }));
22
23
  };
package/dist/esm/ShareButton.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ShareButton.js","sourceRoot":"","sources":["../../src/ShareButton.tsx"],"names":[],"mappings":";AAAA,OAAO,YAAY,MAAM,8BAA8B,CAAA;AACvD,OAAO,SAAS,MAAM,2BAA2B,CAAA;AACjD,OAAO,WAAW,MAAM,6BAA6B,CAAA;AACrD,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AACvC,OAAO,EAAE,QAAQ,EAAiB,MAAM,sBAAsB,CAAA;AAC9D,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAA;AAC3C,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAMxC,MAAM,CAAC,MAAM,WAAW,GAA+B,CAAC,EAAE,QAAQ,GAAG,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACvF,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAC/C,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,CAAC,CAAA;IAE9B,OAAO,CACL,MAAC,OAAO,IAAC,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,SAAS,aAC7B,KAAC,QAAQ,IACP,OAAO,EAAC,MAAM,EACd,QAAQ,EAAE,EAAE,EACZ,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAE,CAAC,QAAQ,EACnB,OAAO,EAAE,GAAG,EAAE;oBACZ,WAAW,CAAC,IAAI,CAAC,CAAA;gBACnB,CAAC,KACG,KAAK,YAET,KAAC,SAAS,IAAC,SAAS,EAAC,MAAM,EAAC,QAAQ,EAAC,OAAO,GAAG,GACtC,EACX,KAAC,OAAO,IAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,EAAE,QAAQ,EAAE,SAAS,CAAC,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE,kBAAkB,EAAE,GAAG,YACjI,MAAC,OAAO,IAAC,GAAG,EAAE,GAAG,EAAE,OAAO,EAAE,GAAG,aAC7B,KAAC,MAAM,IACL,UAAU,EAAE,CAAC,EACb,KAAK,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,EAC3B,OAAO,EAAE,GAAG,EAAE;gCACZ,MAAM,CAAC,IAAI,CAAC,wCAAwC,kBAAkB,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;gCAC/F,WAAW,CAAC,KAAK,CAAC,CAAA;4BACpB,CAAC,YAED,KAAC,WAAW,IAAC,QAAQ,EAAC,OAAO,GAAG,GACzB,EACT,KAAC,MAAM,IACL,UAAU,EAAE,CAAC,EACb,KAAK,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,EAC3B,OAAO,EAAE,GAAG,EAAE;gCACZ,MAAM,CAAC,IAAI,CAAC,gDAAgD,kBAAkB,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;gCACvG,WAAW,CAAC,KAAK,CAAC,CAAA;4BACpB,CAAC,YAED,KAAC,YAAY,IAAC,QAAQ,EAAC,OAAO,GAAG,GAC1B,IACD,GACF,IACF,CACX,CAAA;AACH,CAAC,CAAA"}
1
+ {"version":3,"file":"ShareButton.js","sourceRoot":"","sources":["../../src/ShareButton.tsx"],"names":[],"mappings":";AAAA,OAAO,YAAY,MAAM,8BAA8B,CAAA;AACvD,OAAO,SAAS,MAAM,2BAA2B,CAAA;AACjD,OAAO,WAAW,MAAM,6BAA6B,CAAA;AACrD,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AACvC,OAAO,EAAE,QAAQ,EAAiB,MAAM,sBAAsB,CAAA;AAC9D,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAA;AAC3C,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAOxC,MAAM,CAAC,MAAM,WAAW,GAA+B,CAAC,EAAE,QAAQ,GAAG,IAAI,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAClG,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAC/C,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,CAAC,CAAA;IAC9B,MAAM,IAAI,GAAG,SAAS,IAAI,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAA;IAE9C,OAAO,CACL,MAAC,OAAO,IAAC,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,SAAS,aAC7B,KAAC,QAAQ,IACP,OAAO,EAAC,MAAM,EACd,QAAQ,EAAE,EAAE,EACZ,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAE,CAAC,QAAQ,EACnB,OAAO,EAAE,GAAG,EAAE;oBACZ,WAAW,CAAC,IAAI,CAAC,CAAA;gBACnB,CAAC,KACG,KAAK,YAET,KAAC,SAAS,IAAC,SAAS,EAAC,MAAM,EAAC,QAAQ,EAAC,OAAO,GAAG,GACtC,EACX,KAAC,OAAO,IAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,EAAE,QAAQ,EAAE,SAAS,CAAC,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE,kBAAkB,EAAE,GAAG,YACjI,MAAC,OAAO,IAAC,GAAG,EAAE,GAAG,EAAE,OAAO,EAAE,GAAG,aAC7B,KAAC,MAAM,IACL,UAAU,EAAE,CAAC,EACb,KAAK,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,EAC3B,OAAO,EAAE,GAAG,EAAE;gCACZ,MAAM,CAAC,IAAI,CAAC,wCAAwC,kBAAkB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;gCAC/E,WAAW,CAAC,KAAK,CAAC,CAAA;4BACpB,CAAC,YAED,KAAC,WAAW,IAAC,QAAQ,EAAC,OAAO,GAAG,GACzB,EACT,KAAC,MAAM,IACL,UAAU,EAAE,CAAC,EACb,KAAK,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,EAC3B,OAAO,EAAE,GAAG,EAAE;gCACZ,MAAM,CAAC,IAAI,CAAC,gDAAgD,kBAAkB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;gCACvF,WAAW,CAAC,KAAK,CAAC,CAAA;4BACpB,CAAC,YAED,KAAC,YAAY,IAAC,QAAQ,EAAC,OAAO,GAAG,GAC1B,IACD,GACF,IACF,CACX,CAAA;AACH,CAAC,CAAA"}
package/dist/types/ShareButton.d.ts CHANGED
@@ -2,6 +2,7 @@
2
2
  import { ButtonExProps } from '@xylabs/react-button';
3
3
  export interface ShareButtonProps extends ButtonExProps {
4
4
  prepared?: boolean;
5
+ shareLink?: string;
5
6
  }
6
7
  export declare const ShareButton: React.FC<ShareButtonProps>;
7
8
  //# sourceMappingURL=ShareButton.d.ts.map
package/dist/types/ShareButton.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ShareButton.d.ts","sourceRoot":"","sources":["../../src/ShareButton.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAY,aAAa,EAAE,MAAM,sBAAsB,CAAA;AAK9D,MAAM,WAAW,gBAAiB,SAAQ,aAAa;IACrD,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA4ClD,CAAA"}
1
+ {"version":3,"file":"ShareButton.d.ts","sourceRoot":"","sources":["../../src/ShareButton.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAY,aAAa,EAAE,MAAM,sBAAsB,CAAA;AAK9D,MAAM,WAAW,gBAAiB,SAAQ,aAAa;IACrD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA6ClD,CAAA"}
package/package.json CHANGED
@@ -72,5 +72,5 @@
72
72
  },
73
73
  "sideEffects": false,
74
74
  "types": "dist/types/index.d.ts",
75
- "version": "2.56.15"
75
+ "version": "2.56.17"
76
76
  }
package/src/ShareButton.stories.tsx CHANGED
@@ -13,7 +13,11 @@ const Template: StoryFn<typeof ShareButton> = (props) => {
13
13
 
14
14
  const Default = Template.bind({})
15
15
  Default.args = {}
16
+
16
17
  const WithUnPrepared = Template.bind({})
17
18
  WithUnPrepared.args = { prepared: false }
18
19
 
19
- export { Default, WithUnPrepared }
20
+ const WithCustomShareLink = Template.bind({})
21
+ WithCustomShareLink.args = { shareLink: 'http://explore.xyo.network' }
22
+
23
+ export { Default, WithCustomShareLink, WithUnPrepared }
package/src/ShareButton.tsx CHANGED
@@ -9,11 +9,13 @@ import { useRef, useState } from 'react'
9
9
 
10
10
  export interface ShareButtonProps extends ButtonExProps {
11
11
  prepared?: boolean
12
+ shareLink?: string
12
13
  }
13
14
 
14
- export const ShareButton: React.FC<ShareButtonProps> = ({ prepared = true, ...props }) => {
15
+ export const ShareButton: React.FC<ShareButtonProps> = ({ prepared = true, shareLink, ...props }) => {
15
16
  const [expanded, setExpanded] = useState(false)
16
17
  const anchorRef = useRef(null)
18
+ const link = shareLink ?? window.location.href
17
19
 
18
20
  return (
19
21
  <FlexRow gap={1} ref={anchorRef}>
@@ -35,7 +37,7 @@ export const ShareButton: React.FC<ShareButtonProps> = ({ prepared = true, ...pr
35
37
  lineHeight={0}
36
38
  style={{ color: '#1da1f2' }}
37
39
  onClick={() => {
38
- window.open(`https://twitter.com/intent/tweet?url=${encodeURIComponent(window.location.href)}`)
40
+ window.open(`https://twitter.com/intent/tweet?url=${encodeURIComponent(link)}`)
39
41
  setExpanded(false)
40
42
  }}
41
43
  >
@@ -45,7 +47,7 @@ export const ShareButton: React.FC<ShareButtonProps> = ({ prepared = true, ...pr
45
47
  lineHeight={0}
46
48
  style={{ color: '#4267b2' }}
47
49
  onClick={() => {
48
- window.open(`https://www.facebook.com/sharer/sharer.php?u=${encodeURIComponent(window.location.href)}`)
50
+ window.open(`https://www.facebook.com/sharer/sharer.php?u=${encodeURIComponent(link)}`)
49
51
  setExpanded(false)
50
52
  }}
51
53
  >