@micromag/element-share-options 0.3.307 → 0.3.310
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/es/index.js +33 -21
- package/lib/index.js +32 -20
- package/package.json +2 -2
package/es/index.js
CHANGED
|
@@ -5,7 +5,7 @@ import classNames from 'classnames';
|
|
|
5
5
|
import PropTypes from 'prop-types';
|
|
6
6
|
import React, { useState, useCallback, useMemo } from 'react';
|
|
7
7
|
import { FormattedMessage } from 'react-intl';
|
|
8
|
-
import { FacebookShareButton, FacebookIcon, TwitterShareButton, TwitterIcon, LinkedinShareButton, LinkedinIcon, WhatsappShareButton, WhatsappIcon,
|
|
8
|
+
import { FacebookShareButton, FacebookIcon, TwitterShareButton, TwitterIcon, LinkedinShareButton, LinkedinIcon, WhatsappShareButton, WhatsappIcon, EmailShareButton, EmailIcon } from 'react-share';
|
|
9
9
|
import { PropTypes as PropTypes$1 } from '@micromag/core';
|
|
10
10
|
import { Button } from '@micromag/core/components';
|
|
11
11
|
import { getStyleFromColor, getStyleFromText, getStyleFromBox, copyToClipboard } from '@micromag/core/utils';
|
|
@@ -82,7 +82,7 @@ var defaultProps = {
|
|
|
82
82
|
};
|
|
83
83
|
|
|
84
84
|
var ShareOptions = function ShareOptions(_ref) {
|
|
85
|
-
var
|
|
85
|
+
var _ref12;
|
|
86
86
|
|
|
87
87
|
var className = _ref.className,
|
|
88
88
|
itemClassName = _ref.itemClassName,
|
|
@@ -212,21 +212,33 @@ var ShareOptions = function ShareOptions(_ref) {
|
|
|
212
212
|
}), /*#__PURE__*/React.createElement(WhatsappIcon, shareIconProps), /*#__PURE__*/React.createElement("div", {
|
|
213
213
|
className: classNames([styles.label, _defineProperty({}, labelClassName, labelClassName !== null)])
|
|
214
214
|
}, "Whatsapp"))
|
|
215
|
-
}, {
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
}
|
|
215
|
+
}, // {
|
|
216
|
+
// id: 'facebookMessenger',
|
|
217
|
+
// button: (
|
|
218
|
+
// <FacebookMessengerShareButton
|
|
219
|
+
// {...shareButtonProps}
|
|
220
|
+
// title={title}
|
|
221
|
+
// appId="741129940350872"
|
|
222
|
+
// beforeOnClick={() => {
|
|
223
|
+
// onShareButtonClick('Whatsapp');
|
|
224
|
+
// return Promise.resolve();
|
|
225
|
+
// }}
|
|
226
|
+
// tabIndex={focusable ? null : '-1'}
|
|
227
|
+
// style={finalStyles}
|
|
228
|
+
// >
|
|
229
|
+
// <FacebookMessengerIcon {...shareIconProps} />
|
|
230
|
+
// <div
|
|
231
|
+
// className={classNames([
|
|
232
|
+
// styles.label,
|
|
233
|
+
// { [labelClassName]: labelClassName !== null },
|
|
234
|
+
// ])}
|
|
235
|
+
// >
|
|
236
|
+
// Facebook Messenger
|
|
237
|
+
// </div>
|
|
238
|
+
// </FacebookMessengerShareButton>
|
|
239
|
+
// ),
|
|
240
|
+
// },
|
|
241
|
+
{
|
|
230
242
|
id: 'email',
|
|
231
243
|
button: /*#__PURE__*/React.createElement(EmailShareButton, Object.assign({}, shareButtonProps, {
|
|
232
244
|
subject: title,
|
|
@@ -256,7 +268,7 @@ var ShareOptions = function ShareOptions(_ref) {
|
|
|
256
268
|
}, /*#__PURE__*/React.createElement("div", {
|
|
257
269
|
className: styles.options
|
|
258
270
|
}, hasShareLink ? /*#__PURE__*/React.createElement("div", {
|
|
259
|
-
className: classNames([styles.item, (
|
|
271
|
+
className: classNames([styles.item, (_ref12 = {}, _defineProperty(_ref12, itemClassName, itemClassName !== null), _defineProperty(_ref12, styles.isLinkCopied, linkCopied), _ref12)])
|
|
260
272
|
}, /*#__PURE__*/React.createElement(Button, {
|
|
261
273
|
className: classNames([styles.button, _defineProperty({}, buttonClassName, buttonClassName !== null)]),
|
|
262
274
|
onClick: onClickCopy,
|
|
@@ -279,9 +291,9 @@ var ShareOptions = function ShareOptions(_ref) {
|
|
|
279
291
|
"type": 0,
|
|
280
292
|
"value": "Link copied!"
|
|
281
293
|
}]
|
|
282
|
-
}) : null)))) : null, selectedOptions.map(function (
|
|
283
|
-
var id =
|
|
284
|
-
button =
|
|
294
|
+
}) : null)))) : null, selectedOptions.map(function (_ref15) {
|
|
295
|
+
var id = _ref15.id,
|
|
296
|
+
button = _ref15.button;
|
|
285
297
|
return /*#__PURE__*/React.createElement("div", {
|
|
286
298
|
key: id,
|
|
287
299
|
className: classNames([styles.item, _defineProperty({}, itemClassName, itemClassName !== null)])
|
package/lib/index.js
CHANGED
|
@@ -93,7 +93,7 @@ var defaultProps = {
|
|
|
93
93
|
};
|
|
94
94
|
|
|
95
95
|
var ShareOptions = function ShareOptions(_ref) {
|
|
96
|
-
var
|
|
96
|
+
var _ref12;
|
|
97
97
|
|
|
98
98
|
var className = _ref.className,
|
|
99
99
|
itemClassName = _ref.itemClassName,
|
|
@@ -223,21 +223,33 @@ var ShareOptions = function ShareOptions(_ref) {
|
|
|
223
223
|
}), /*#__PURE__*/React__default["default"].createElement(reactShare.WhatsappIcon, shareIconProps), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
224
224
|
className: classNames__default["default"]([styles.label, _defineProperty__default["default"]({}, labelClassName, labelClassName !== null)])
|
|
225
225
|
}, "Whatsapp"))
|
|
226
|
-
}, {
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
}
|
|
226
|
+
}, // {
|
|
227
|
+
// id: 'facebookMessenger',
|
|
228
|
+
// button: (
|
|
229
|
+
// <FacebookMessengerShareButton
|
|
230
|
+
// {...shareButtonProps}
|
|
231
|
+
// title={title}
|
|
232
|
+
// appId="741129940350872"
|
|
233
|
+
// beforeOnClick={() => {
|
|
234
|
+
// onShareButtonClick('Whatsapp');
|
|
235
|
+
// return Promise.resolve();
|
|
236
|
+
// }}
|
|
237
|
+
// tabIndex={focusable ? null : '-1'}
|
|
238
|
+
// style={finalStyles}
|
|
239
|
+
// >
|
|
240
|
+
// <FacebookMessengerIcon {...shareIconProps} />
|
|
241
|
+
// <div
|
|
242
|
+
// className={classNames([
|
|
243
|
+
// styles.label,
|
|
244
|
+
// { [labelClassName]: labelClassName !== null },
|
|
245
|
+
// ])}
|
|
246
|
+
// >
|
|
247
|
+
// Facebook Messenger
|
|
248
|
+
// </div>
|
|
249
|
+
// </FacebookMessengerShareButton>
|
|
250
|
+
// ),
|
|
251
|
+
// },
|
|
252
|
+
{
|
|
241
253
|
id: 'email',
|
|
242
254
|
button: /*#__PURE__*/React__default["default"].createElement(reactShare.EmailShareButton, Object.assign({}, shareButtonProps, {
|
|
243
255
|
subject: title,
|
|
@@ -267,7 +279,7 @@ var ShareOptions = function ShareOptions(_ref) {
|
|
|
267
279
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
268
280
|
className: styles.options
|
|
269
281
|
}, hasShareLink ? /*#__PURE__*/React__default["default"].createElement("div", {
|
|
270
|
-
className: classNames__default["default"]([styles.item, (
|
|
282
|
+
className: classNames__default["default"]([styles.item, (_ref12 = {}, _defineProperty__default["default"](_ref12, itemClassName, itemClassName !== null), _defineProperty__default["default"](_ref12, styles.isLinkCopied, linkCopied), _ref12)])
|
|
271
283
|
}, /*#__PURE__*/React__default["default"].createElement(components.Button, {
|
|
272
284
|
className: classNames__default["default"]([styles.button, _defineProperty__default["default"]({}, buttonClassName, buttonClassName !== null)]),
|
|
273
285
|
onClick: onClickCopy,
|
|
@@ -290,9 +302,9 @@ var ShareOptions = function ShareOptions(_ref) {
|
|
|
290
302
|
"type": 0,
|
|
291
303
|
"value": "Link copied!"
|
|
292
304
|
}]
|
|
293
|
-
}) : null)))) : null, selectedOptions.map(function (
|
|
294
|
-
var id =
|
|
295
|
-
button =
|
|
305
|
+
}) : null)))) : null, selectedOptions.map(function (_ref15) {
|
|
306
|
+
var id = _ref15.id,
|
|
307
|
+
button = _ref15.button;
|
|
296
308
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
297
309
|
key: id,
|
|
298
310
|
className: classNames__default["default"]([styles.item, _defineProperty__default["default"]({}, itemClassName, itemClassName !== null)])
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@micromag/element-share-options",
|
|
3
|
-
"version": "0.3.
|
|
3
|
+
"version": "0.3.310",
|
|
4
4
|
"description": "",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"javascript"
|
|
@@ -63,5 +63,5 @@
|
|
|
63
63
|
"publishConfig": {
|
|
64
64
|
"access": "public"
|
|
65
65
|
},
|
|
66
|
-
"gitHead": "
|
|
66
|
+
"gitHead": "c2f4fbfcf0f643737a77f99dccf4d353f7856c2c"
|
|
67
67
|
}
|