@ndla/ui 4.3.0 → 4.3.1
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-javascript.js +1 -2
- package/es/locale/messages-nn.js +1 -1
- package/lib/index-javascript.js +0 -20
- package/lib/locale/messages-nn.js +1 -1
- package/package.json +3 -4
- package/src/index-javascript.js +0 -2
- package/src/locale/messages-nn.ts +1 -1
- package/es/Embedded/Facebook.js +0 -19
- package/es/Embedded/FacebookPage.js +0 -22
- package/es/Embedded/Twitter.js +0 -121
- package/es/Embedded/index.js +0 -3
- package/lib/Embedded/Facebook.js +0 -32
- package/lib/Embedded/FacebookPage.js +0 -35
- package/lib/Embedded/Twitter.js +0 -132
- package/lib/Embedded/index.js +0 -31
- package/src/Embedded/Facebook.jsx +0 -17
- package/src/Embedded/FacebookPage.jsx +0 -24
- package/src/Embedded/Twitter.jsx +0 -71
- package/src/Embedded/index.js +0 -3
package/es/index-javascript.js
CHANGED
|
@@ -9,5 +9,4 @@ export { FilterList, FilterListPhone, FilterButtons } from './Filter';
|
|
|
9
9
|
export { SearchOverlay, SearchField, SearchPage, SearchResult, SearchResultAuthor, SearchResultList, SearchResultItem, SearchFilter, SearchFilterList, SearchPopoverFilter, ActiveFilters, ToggleSearchButton } from './Search';
|
|
10
10
|
export { default as TopicIntroductionList } from './TopicIntroductionList';
|
|
11
11
|
export { default as TopicMenu, TopicMenuButton } from './TopicMenu';
|
|
12
|
-
export { default as CompetenceGoals, CompetenceGoalList, CompetenceGoalListHeading, CompetenceGoal, CompetenceGoalsDialog } from './CompetenceGoals';
|
|
13
|
-
export { EmbeddedTwitter, EmbeddedFacebook, EmbeddedFacebookPage } from './Embedded';
|
|
12
|
+
export { default as CompetenceGoals, CompetenceGoalList, CompetenceGoalListHeading, CompetenceGoal, CompetenceGoalsDialog } from './CompetenceGoals';
|
package/es/locale/messages-nn.js
CHANGED
|
@@ -51,7 +51,7 @@ var messages = _objectSpread(_objectSpread({
|
|
|
51
51
|
embed: 'Sett inn',
|
|
52
52
|
notSupported: 'Det fungerte ikkje å setje inn innhaldet automatisk. Kopier kjeldekoden under for å setje han inn på sida di.'
|
|
53
53
|
},
|
|
54
|
-
subjectCategories: (_subjectCategories = {}, _defineProperty(_subjectCategories, subjectCategories.ACTIVE_SUBJECTS, 'Aktive'), _defineProperty(_subjectCategories, subjectCategories.ARCHIVE_SUBJECTS, 'Utgåtte'), _defineProperty(_subjectCategories, subjectCategories.BETA_SUBJECTS, '
|
|
54
|
+
subjectCategories: (_subjectCategories = {}, _defineProperty(_subjectCategories, subjectCategories.ACTIVE_SUBJECTS, 'Aktive'), _defineProperty(_subjectCategories, subjectCategories.ARCHIVE_SUBJECTS, 'Utgåtte'), _defineProperty(_subjectCategories, subjectCategories.BETA_SUBJECTS, 'Kommande'), _defineProperty(_subjectCategories, subjectCategories.COMMON_SUBJECTS, 'Fellesfag'), _defineProperty(_subjectCategories, subjectCategories.PROGRAMME_SUBJECTS, 'Programfag SF'), _defineProperty(_subjectCategories, subjectCategories.SPECIALIZED_SUBJECTS, 'Yrkesfag'), _subjectCategories),
|
|
55
55
|
searchPage: {
|
|
56
56
|
noHits: 'Ingen artiklar samsvarte med søket ditt på: {{query}}',
|
|
57
57
|
noHitsShort: 'Ingen treff på søk: {{query}}',
|
package/lib/index-javascript.js
CHANGED
|
@@ -143,24 +143,6 @@ Object.defineProperty(exports, "CompetenceGoalsDialog", {
|
|
|
143
143
|
return _CompetenceGoals.CompetenceGoalsDialog;
|
|
144
144
|
}
|
|
145
145
|
});
|
|
146
|
-
Object.defineProperty(exports, "EmbeddedTwitter", {
|
|
147
|
-
enumerable: true,
|
|
148
|
-
get: function get() {
|
|
149
|
-
return _Embedded.EmbeddedTwitter;
|
|
150
|
-
}
|
|
151
|
-
});
|
|
152
|
-
Object.defineProperty(exports, "EmbeddedFacebook", {
|
|
153
|
-
enumerable: true,
|
|
154
|
-
get: function get() {
|
|
155
|
-
return _Embedded.EmbeddedFacebook;
|
|
156
|
-
}
|
|
157
|
-
});
|
|
158
|
-
Object.defineProperty(exports, "EmbeddedFacebookPage", {
|
|
159
|
-
enumerable: true,
|
|
160
|
-
get: function get() {
|
|
161
|
-
return _Embedded.EmbeddedFacebookPage;
|
|
162
|
-
}
|
|
163
|
-
});
|
|
164
146
|
|
|
165
147
|
var _Filter = require("./Filter");
|
|
166
148
|
|
|
@@ -172,8 +154,6 @@ var _TopicMenu = _interopRequireWildcard(require("./TopicMenu"));
|
|
|
172
154
|
|
|
173
155
|
var _CompetenceGoals = _interopRequireWildcard(require("./CompetenceGoals"));
|
|
174
156
|
|
|
175
|
-
var _Embedded = require("./Embedded");
|
|
176
|
-
|
|
177
157
|
function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
|
|
178
158
|
|
|
179
159
|
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
@@ -56,7 +56,7 @@ var messages = _objectSpread(_objectSpread({
|
|
|
56
56
|
embed: 'Sett inn',
|
|
57
57
|
notSupported: 'Det fungerte ikkje å setje inn innhaldet automatisk. Kopier kjeldekoden under for å setje han inn på sida di.'
|
|
58
58
|
},
|
|
59
|
-
subjectCategories: (_subjectCategories = {}, _defineProperty(_subjectCategories, subjectCategories.ACTIVE_SUBJECTS, 'Aktive'), _defineProperty(_subjectCategories, subjectCategories.ARCHIVE_SUBJECTS, 'Utgåtte'), _defineProperty(_subjectCategories, subjectCategories.BETA_SUBJECTS, '
|
|
59
|
+
subjectCategories: (_subjectCategories = {}, _defineProperty(_subjectCategories, subjectCategories.ACTIVE_SUBJECTS, 'Aktive'), _defineProperty(_subjectCategories, subjectCategories.ARCHIVE_SUBJECTS, 'Utgåtte'), _defineProperty(_subjectCategories, subjectCategories.BETA_SUBJECTS, 'Kommande'), _defineProperty(_subjectCategories, subjectCategories.COMMON_SUBJECTS, 'Fellesfag'), _defineProperty(_subjectCategories, subjectCategories.PROGRAMME_SUBJECTS, 'Programfag SF'), _defineProperty(_subjectCategories, subjectCategories.SPECIALIZED_SUBJECTS, 'Yrkesfag'), _subjectCategories),
|
|
60
60
|
searchPage: {
|
|
61
61
|
noHits: 'Ingen artiklar samsvarte med søket ditt på: {{query}}',
|
|
62
62
|
noHitsShort: 'Ingen treff på søk: {{query}}',
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ndla/ui",
|
|
3
|
-
"version": "4.3.
|
|
3
|
+
"version": "4.3.1",
|
|
4
4
|
"description": "UI component library for NDLA.",
|
|
5
5
|
"license": "GPL-3.0",
|
|
6
6
|
"main": "lib/index.js",
|
|
@@ -36,7 +36,7 @@
|
|
|
36
36
|
"@ndla/core": "^1.0.0",
|
|
37
37
|
"@ndla/hooks": "^1.1.0",
|
|
38
38
|
"@ndla/icons": "^1.6.0",
|
|
39
|
-
"@ndla/licenses": "^
|
|
39
|
+
"@ndla/licenses": "^3.0.0",
|
|
40
40
|
"@ndla/modal": "^1.2.0",
|
|
41
41
|
"@ndla/safelink": "^1.1.0",
|
|
42
42
|
"@ndla/switch": "^0.1.0",
|
|
@@ -54,7 +54,6 @@
|
|
|
54
54
|
"lodash": "^4.17.20",
|
|
55
55
|
"react-bem-helper": "1.4.1",
|
|
56
56
|
"react-device-detect": "^2.1.2",
|
|
57
|
-
"react-facebook": "^6.0.15",
|
|
58
57
|
"react-sticky-el": "^2.0.6",
|
|
59
58
|
"react-swipeable": "^6.2.0",
|
|
60
59
|
"react-transition-group": "^2.5.3",
|
|
@@ -82,5 +81,5 @@
|
|
|
82
81
|
"publishConfig": {
|
|
83
82
|
"access": "public"
|
|
84
83
|
},
|
|
85
|
-
"gitHead": "
|
|
84
|
+
"gitHead": "471a578a2f53d87b6dcb75c4d3a36c8acfcf3838"
|
|
86
85
|
}
|
package/src/index-javascript.js
CHANGED
|
@@ -48,7 +48,7 @@ const messages = {
|
|
|
48
48
|
subjectCategories: {
|
|
49
49
|
[subjectCategories.ACTIVE_SUBJECTS]: 'Aktive',
|
|
50
50
|
[subjectCategories.ARCHIVE_SUBJECTS]: 'Utgåtte',
|
|
51
|
-
[subjectCategories.BETA_SUBJECTS]: '
|
|
51
|
+
[subjectCategories.BETA_SUBJECTS]: 'Kommande',
|
|
52
52
|
[subjectCategories.COMMON_SUBJECTS]: 'Fellesfag',
|
|
53
53
|
[subjectCategories.PROGRAMME_SUBJECTS]: 'Programfag SF',
|
|
54
54
|
[subjectCategories.SPECIALIZED_SUBJECTS]: 'Yrkesfag',
|
package/es/Embedded/Facebook.js
DELETED
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import PropTypes from 'prop-types';
|
|
3
|
-
import { FacebookProvider, EmbeddedPost } from 'react-facebook';
|
|
4
|
-
import { jsx as ___EmotionJSX } from "@emotion/core";
|
|
5
|
-
|
|
6
|
-
var EmbeddedFacebook = function EmbeddedFacebook(props) {
|
|
7
|
-
return ___EmotionJSX("div", null, ___EmotionJSX(FacebookProvider, {
|
|
8
|
-
appId: "155745961798881"
|
|
9
|
-
}, ___EmotionJSX(EmbeddedPost, {
|
|
10
|
-
href: props.href,
|
|
11
|
-
className: "fb-embedded",
|
|
12
|
-
width: ""
|
|
13
|
-
})));
|
|
14
|
-
};
|
|
15
|
-
|
|
16
|
-
EmbeddedFacebook.propTypes = {
|
|
17
|
-
href: PropTypes.string.isRequired
|
|
18
|
-
};
|
|
19
|
-
export default EmbeddedFacebook;
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import PropTypes from 'prop-types';
|
|
3
|
-
import { FacebookProvider, Page } from 'react-facebook';
|
|
4
|
-
import { jsx as ___EmotionJSX } from "@emotion/core";
|
|
5
|
-
|
|
6
|
-
var EmbeddedFacebookPage = function EmbeddedFacebookPage(props) {
|
|
7
|
-
return ___EmotionJSX("div", null, ___EmotionJSX(FacebookProvider, {
|
|
8
|
-
appId: "155745961798881"
|
|
9
|
-
}, ___EmotionJSX(Page, {
|
|
10
|
-
href: props.href,
|
|
11
|
-
height: props.height || 500,
|
|
12
|
-
tabs: "timeline",
|
|
13
|
-
className: "fb-embedded",
|
|
14
|
-
adaptContainerWidth: true
|
|
15
|
-
})));
|
|
16
|
-
};
|
|
17
|
-
|
|
18
|
-
EmbeddedFacebookPage.propTypes = {
|
|
19
|
-
href: PropTypes.string.isRequired,
|
|
20
|
-
height: PropTypes.number
|
|
21
|
-
};
|
|
22
|
-
export default EmbeddedFacebookPage;
|
package/es/Embedded/Twitter.js
DELETED
|
@@ -1,121 +0,0 @@
|
|
|
1
|
-
function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
|
|
2
|
-
|
|
3
|
-
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
4
|
-
|
|
5
|
-
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
|
|
6
|
-
|
|
7
|
-
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
|
|
8
|
-
|
|
9
|
-
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
|
|
10
|
-
|
|
11
|
-
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
12
|
-
|
|
13
|
-
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
|
14
|
-
|
|
15
|
-
function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
|
|
16
|
-
|
|
17
|
-
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
|
18
|
-
|
|
19
|
-
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
|
|
20
|
-
|
|
21
|
-
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
22
|
-
|
|
23
|
-
import { Component, createElement } from 'react';
|
|
24
|
-
import PropTypes from 'prop-types';
|
|
25
|
-
|
|
26
|
-
var EmbeddedTwitter = /*#__PURE__*/function (_Component) {
|
|
27
|
-
_inherits(EmbeddedTwitter, _Component);
|
|
28
|
-
|
|
29
|
-
var _super = _createSuper(EmbeddedTwitter);
|
|
30
|
-
|
|
31
|
-
_createClass(EmbeddedTwitter, null, [{
|
|
32
|
-
key: "removeChildren",
|
|
33
|
-
value: function removeChildren(node) {
|
|
34
|
-
if (node) {
|
|
35
|
-
while (node.firstChild) {
|
|
36
|
-
node.removeChild(node.firstChild);
|
|
37
|
-
}
|
|
38
|
-
}
|
|
39
|
-
}
|
|
40
|
-
}]);
|
|
41
|
-
|
|
42
|
-
function EmbeddedTwitter(props) {
|
|
43
|
-
var _this;
|
|
44
|
-
|
|
45
|
-
_classCallCheck(this, EmbeddedTwitter);
|
|
46
|
-
|
|
47
|
-
_this = _super.call(this, props);
|
|
48
|
-
_this.loadWidget = _this.loadWidget.bind(_assertThisInitialized(_this));
|
|
49
|
-
return _this;
|
|
50
|
-
}
|
|
51
|
-
|
|
52
|
-
_createClass(EmbeddedTwitter, [{
|
|
53
|
-
key: "componentDidMount",
|
|
54
|
-
value: function componentDidMount() {
|
|
55
|
-
if (window.twttr) {
|
|
56
|
-
this.loadWidget();
|
|
57
|
-
}
|
|
58
|
-
}
|
|
59
|
-
}, {
|
|
60
|
-
key: "shouldComponentUpdate",
|
|
61
|
-
value: function shouldComponentUpdate(nextProps) {
|
|
62
|
-
return this.props.screenName !== nextProps.screenName;
|
|
63
|
-
}
|
|
64
|
-
}, {
|
|
65
|
-
key: "componentDidUpdate",
|
|
66
|
-
value: function componentDidUpdate() {
|
|
67
|
-
if (window.twttr) {
|
|
68
|
-
this.loadWidget();
|
|
69
|
-
}
|
|
70
|
-
}
|
|
71
|
-
}, {
|
|
72
|
-
key: "componentWillUnmount",
|
|
73
|
-
value: function componentWillUnmount() {
|
|
74
|
-
EmbeddedTwitter.removeChildren(this.widgetWrapper);
|
|
75
|
-
}
|
|
76
|
-
}, {
|
|
77
|
-
key: "loadWidget",
|
|
78
|
-
value: function loadWidget() {
|
|
79
|
-
var _this2 = this;
|
|
80
|
-
|
|
81
|
-
window.twttr.ready(function (tw) {
|
|
82
|
-
// Delete existing
|
|
83
|
-
EmbeddedTwitter.removeChildren(_this2.widgetWrapper);
|
|
84
|
-
var _this2$props = _this2.props,
|
|
85
|
-
screenName = _this2$props.screenName,
|
|
86
|
-
tweetLimit = _this2$props.tweetLimit; // Create widget
|
|
87
|
-
|
|
88
|
-
tw.widgets.createTimeline({
|
|
89
|
-
sourceType: 'profile',
|
|
90
|
-
screenName: screenName
|
|
91
|
-
}, _this2.widgetWrapper, {
|
|
92
|
-
tweetLimit: tweetLimit,
|
|
93
|
-
chrome: 'noheader nofooter noborders',
|
|
94
|
-
borderColor: '#e8e3e3'
|
|
95
|
-
});
|
|
96
|
-
});
|
|
97
|
-
}
|
|
98
|
-
}, {
|
|
99
|
-
key: "render",
|
|
100
|
-
value: function render() {
|
|
101
|
-
var _this3 = this;
|
|
102
|
-
|
|
103
|
-
return /*#__PURE__*/createElement('div', {
|
|
104
|
-
ref: function ref(c) {
|
|
105
|
-
_this3.widgetWrapper = c;
|
|
106
|
-
}
|
|
107
|
-
});
|
|
108
|
-
}
|
|
109
|
-
}]);
|
|
110
|
-
|
|
111
|
-
return EmbeddedTwitter;
|
|
112
|
-
}(Component);
|
|
113
|
-
|
|
114
|
-
EmbeddedTwitter.propTypes = {
|
|
115
|
-
screenName: PropTypes.string.isRequired,
|
|
116
|
-
tweetLimit: PropTypes.number
|
|
117
|
-
};
|
|
118
|
-
EmbeddedTwitter.defaultProps = {
|
|
119
|
-
tweetLimit: 10
|
|
120
|
-
};
|
|
121
|
-
export default EmbeddedTwitter;
|
package/es/Embedded/index.js
DELETED
package/lib/Embedded/Facebook.js
DELETED
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports["default"] = void 0;
|
|
7
|
-
|
|
8
|
-
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
|
|
10
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
|
-
|
|
12
|
-
var _reactFacebook = require("react-facebook");
|
|
13
|
-
|
|
14
|
-
var _core = require("@emotion/core");
|
|
15
|
-
|
|
16
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
17
|
-
|
|
18
|
-
var EmbeddedFacebook = function EmbeddedFacebook(props) {
|
|
19
|
-
return (0, _core.jsx)("div", null, (0, _core.jsx)(_reactFacebook.FacebookProvider, {
|
|
20
|
-
appId: "155745961798881"
|
|
21
|
-
}, (0, _core.jsx)(_reactFacebook.EmbeddedPost, {
|
|
22
|
-
href: props.href,
|
|
23
|
-
className: "fb-embedded",
|
|
24
|
-
width: ""
|
|
25
|
-
})));
|
|
26
|
-
};
|
|
27
|
-
|
|
28
|
-
EmbeddedFacebook.propTypes = {
|
|
29
|
-
href: _propTypes["default"].string.isRequired
|
|
30
|
-
};
|
|
31
|
-
var _default = EmbeddedFacebook;
|
|
32
|
-
exports["default"] = _default;
|
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports["default"] = void 0;
|
|
7
|
-
|
|
8
|
-
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
|
|
10
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
|
-
|
|
12
|
-
var _reactFacebook = require("react-facebook");
|
|
13
|
-
|
|
14
|
-
var _core = require("@emotion/core");
|
|
15
|
-
|
|
16
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
17
|
-
|
|
18
|
-
var EmbeddedFacebookPage = function EmbeddedFacebookPage(props) {
|
|
19
|
-
return (0, _core.jsx)("div", null, (0, _core.jsx)(_reactFacebook.FacebookProvider, {
|
|
20
|
-
appId: "155745961798881"
|
|
21
|
-
}, (0, _core.jsx)(_reactFacebook.Page, {
|
|
22
|
-
href: props.href,
|
|
23
|
-
height: props.height || 500,
|
|
24
|
-
tabs: "timeline",
|
|
25
|
-
className: "fb-embedded",
|
|
26
|
-
adaptContainerWidth: true
|
|
27
|
-
})));
|
|
28
|
-
};
|
|
29
|
-
|
|
30
|
-
EmbeddedFacebookPage.propTypes = {
|
|
31
|
-
href: _propTypes["default"].string.isRequired,
|
|
32
|
-
height: _propTypes["default"].number
|
|
33
|
-
};
|
|
34
|
-
var _default = EmbeddedFacebookPage;
|
|
35
|
-
exports["default"] = _default;
|
package/lib/Embedded/Twitter.js
DELETED
|
@@ -1,132 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports["default"] = void 0;
|
|
7
|
-
|
|
8
|
-
var _react = require("react");
|
|
9
|
-
|
|
10
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
|
-
|
|
12
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
13
|
-
|
|
14
|
-
function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
|
|
15
|
-
|
|
16
|
-
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
17
|
-
|
|
18
|
-
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
|
|
19
|
-
|
|
20
|
-
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
|
|
21
|
-
|
|
22
|
-
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
|
|
23
|
-
|
|
24
|
-
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
25
|
-
|
|
26
|
-
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
|
27
|
-
|
|
28
|
-
function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
|
|
29
|
-
|
|
30
|
-
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
|
31
|
-
|
|
32
|
-
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
|
|
33
|
-
|
|
34
|
-
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
35
|
-
|
|
36
|
-
var EmbeddedTwitter = /*#__PURE__*/function (_Component) {
|
|
37
|
-
_inherits(EmbeddedTwitter, _Component);
|
|
38
|
-
|
|
39
|
-
var _super = _createSuper(EmbeddedTwitter);
|
|
40
|
-
|
|
41
|
-
_createClass(EmbeddedTwitter, null, [{
|
|
42
|
-
key: "removeChildren",
|
|
43
|
-
value: function removeChildren(node) {
|
|
44
|
-
if (node) {
|
|
45
|
-
while (node.firstChild) {
|
|
46
|
-
node.removeChild(node.firstChild);
|
|
47
|
-
}
|
|
48
|
-
}
|
|
49
|
-
}
|
|
50
|
-
}]);
|
|
51
|
-
|
|
52
|
-
function EmbeddedTwitter(props) {
|
|
53
|
-
var _this;
|
|
54
|
-
|
|
55
|
-
_classCallCheck(this, EmbeddedTwitter);
|
|
56
|
-
|
|
57
|
-
_this = _super.call(this, props);
|
|
58
|
-
_this.loadWidget = _this.loadWidget.bind(_assertThisInitialized(_this));
|
|
59
|
-
return _this;
|
|
60
|
-
}
|
|
61
|
-
|
|
62
|
-
_createClass(EmbeddedTwitter, [{
|
|
63
|
-
key: "componentDidMount",
|
|
64
|
-
value: function componentDidMount() {
|
|
65
|
-
if (window.twttr) {
|
|
66
|
-
this.loadWidget();
|
|
67
|
-
}
|
|
68
|
-
}
|
|
69
|
-
}, {
|
|
70
|
-
key: "shouldComponentUpdate",
|
|
71
|
-
value: function shouldComponentUpdate(nextProps) {
|
|
72
|
-
return this.props.screenName !== nextProps.screenName;
|
|
73
|
-
}
|
|
74
|
-
}, {
|
|
75
|
-
key: "componentDidUpdate",
|
|
76
|
-
value: function componentDidUpdate() {
|
|
77
|
-
if (window.twttr) {
|
|
78
|
-
this.loadWidget();
|
|
79
|
-
}
|
|
80
|
-
}
|
|
81
|
-
}, {
|
|
82
|
-
key: "componentWillUnmount",
|
|
83
|
-
value: function componentWillUnmount() {
|
|
84
|
-
EmbeddedTwitter.removeChildren(this.widgetWrapper);
|
|
85
|
-
}
|
|
86
|
-
}, {
|
|
87
|
-
key: "loadWidget",
|
|
88
|
-
value: function loadWidget() {
|
|
89
|
-
var _this2 = this;
|
|
90
|
-
|
|
91
|
-
window.twttr.ready(function (tw) {
|
|
92
|
-
// Delete existing
|
|
93
|
-
EmbeddedTwitter.removeChildren(_this2.widgetWrapper);
|
|
94
|
-
var _this2$props = _this2.props,
|
|
95
|
-
screenName = _this2$props.screenName,
|
|
96
|
-
tweetLimit = _this2$props.tweetLimit; // Create widget
|
|
97
|
-
|
|
98
|
-
tw.widgets.createTimeline({
|
|
99
|
-
sourceType: 'profile',
|
|
100
|
-
screenName: screenName
|
|
101
|
-
}, _this2.widgetWrapper, {
|
|
102
|
-
tweetLimit: tweetLimit,
|
|
103
|
-
chrome: 'noheader nofooter noborders',
|
|
104
|
-
borderColor: '#e8e3e3'
|
|
105
|
-
});
|
|
106
|
-
});
|
|
107
|
-
}
|
|
108
|
-
}, {
|
|
109
|
-
key: "render",
|
|
110
|
-
value: function render() {
|
|
111
|
-
var _this3 = this;
|
|
112
|
-
|
|
113
|
-
return /*#__PURE__*/(0, _react.createElement)('div', {
|
|
114
|
-
ref: function ref(c) {
|
|
115
|
-
_this3.widgetWrapper = c;
|
|
116
|
-
}
|
|
117
|
-
});
|
|
118
|
-
}
|
|
119
|
-
}]);
|
|
120
|
-
|
|
121
|
-
return EmbeddedTwitter;
|
|
122
|
-
}(_react.Component);
|
|
123
|
-
|
|
124
|
-
EmbeddedTwitter.propTypes = {
|
|
125
|
-
screenName: _propTypes["default"].string.isRequired,
|
|
126
|
-
tweetLimit: _propTypes["default"].number
|
|
127
|
-
};
|
|
128
|
-
EmbeddedTwitter.defaultProps = {
|
|
129
|
-
tweetLimit: 10
|
|
130
|
-
};
|
|
131
|
-
var _default = EmbeddedTwitter;
|
|
132
|
-
exports["default"] = _default;
|
package/lib/Embedded/index.js
DELETED
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
Object.defineProperty(exports, "EmbeddedTwitter", {
|
|
7
|
-
enumerable: true,
|
|
8
|
-
get: function get() {
|
|
9
|
-
return _Twitter["default"];
|
|
10
|
-
}
|
|
11
|
-
});
|
|
12
|
-
Object.defineProperty(exports, "EmbeddedFacebook", {
|
|
13
|
-
enumerable: true,
|
|
14
|
-
get: function get() {
|
|
15
|
-
return _Facebook["default"];
|
|
16
|
-
}
|
|
17
|
-
});
|
|
18
|
-
Object.defineProperty(exports, "EmbeddedFacebookPage", {
|
|
19
|
-
enumerable: true,
|
|
20
|
-
get: function get() {
|
|
21
|
-
return _FacebookPage["default"];
|
|
22
|
-
}
|
|
23
|
-
});
|
|
24
|
-
|
|
25
|
-
var _Twitter = _interopRequireDefault(require("./Twitter"));
|
|
26
|
-
|
|
27
|
-
var _Facebook = _interopRequireDefault(require("./Facebook"));
|
|
28
|
-
|
|
29
|
-
var _FacebookPage = _interopRequireDefault(require("./FacebookPage"));
|
|
30
|
-
|
|
31
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import PropTypes from 'prop-types';
|
|
3
|
-
import { FacebookProvider, EmbeddedPost } from 'react-facebook';
|
|
4
|
-
|
|
5
|
-
const EmbeddedFacebook = (props) => (
|
|
6
|
-
<div>
|
|
7
|
-
<FacebookProvider appId="155745961798881">
|
|
8
|
-
<EmbeddedPost href={props.href} className="fb-embedded" width="" />
|
|
9
|
-
</FacebookProvider>
|
|
10
|
-
</div>
|
|
11
|
-
);
|
|
12
|
-
|
|
13
|
-
EmbeddedFacebook.propTypes = {
|
|
14
|
-
href: PropTypes.string.isRequired,
|
|
15
|
-
};
|
|
16
|
-
|
|
17
|
-
export default EmbeddedFacebook;
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import PropTypes from 'prop-types';
|
|
3
|
-
import { FacebookProvider, Page } from 'react-facebook';
|
|
4
|
-
|
|
5
|
-
const EmbeddedFacebookPage = (props) => (
|
|
6
|
-
<div>
|
|
7
|
-
<FacebookProvider appId="155745961798881">
|
|
8
|
-
<Page
|
|
9
|
-
href={props.href}
|
|
10
|
-
height={props.height || 500}
|
|
11
|
-
tabs="timeline"
|
|
12
|
-
className="fb-embedded"
|
|
13
|
-
adaptContainerWidth={true}
|
|
14
|
-
/>
|
|
15
|
-
</FacebookProvider>
|
|
16
|
-
</div>
|
|
17
|
-
);
|
|
18
|
-
|
|
19
|
-
EmbeddedFacebookPage.propTypes = {
|
|
20
|
-
href: PropTypes.string.isRequired,
|
|
21
|
-
height: PropTypes.number,
|
|
22
|
-
};
|
|
23
|
-
|
|
24
|
-
export default EmbeddedFacebookPage;
|
package/src/Embedded/Twitter.jsx
DELETED
|
@@ -1,71 +0,0 @@
|
|
|
1
|
-
import { Component, createElement } from 'react';
|
|
2
|
-
import PropTypes from 'prop-types';
|
|
3
|
-
|
|
4
|
-
class EmbeddedTwitter extends Component {
|
|
5
|
-
static removeChildren(node) {
|
|
6
|
-
if (node) {
|
|
7
|
-
while (node.firstChild) {
|
|
8
|
-
node.removeChild(node.firstChild);
|
|
9
|
-
}
|
|
10
|
-
}
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
constructor(props) {
|
|
14
|
-
super(props);
|
|
15
|
-
this.loadWidget = this.loadWidget.bind(this);
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
componentDidMount() {
|
|
19
|
-
if (window.twttr) {
|
|
20
|
-
this.loadWidget();
|
|
21
|
-
}
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
shouldComponentUpdate(nextProps) {
|
|
25
|
-
return this.props.screenName !== nextProps.screenName;
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
componentDidUpdate() {
|
|
29
|
-
if (window.twttr) {
|
|
30
|
-
this.loadWidget();
|
|
31
|
-
}
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
componentWillUnmount() {
|
|
35
|
-
EmbeddedTwitter.removeChildren(this.widgetWrapper);
|
|
36
|
-
}
|
|
37
|
-
|
|
38
|
-
loadWidget() {
|
|
39
|
-
window.twttr.ready((tw) => {
|
|
40
|
-
// Delete existing
|
|
41
|
-
EmbeddedTwitter.removeChildren(this.widgetWrapper);
|
|
42
|
-
|
|
43
|
-
const { screenName, tweetLimit } = this.props;
|
|
44
|
-
// Create widget
|
|
45
|
-
tw.widgets.createTimeline({ sourceType: 'profile', screenName }, this.widgetWrapper, {
|
|
46
|
-
tweetLimit,
|
|
47
|
-
chrome: 'noheader nofooter noborders',
|
|
48
|
-
borderColor: '#e8e3e3',
|
|
49
|
-
});
|
|
50
|
-
});
|
|
51
|
-
}
|
|
52
|
-
|
|
53
|
-
render() {
|
|
54
|
-
return createElement('div', {
|
|
55
|
-
ref: (c) => {
|
|
56
|
-
this.widgetWrapper = c;
|
|
57
|
-
},
|
|
58
|
-
});
|
|
59
|
-
}
|
|
60
|
-
}
|
|
61
|
-
|
|
62
|
-
EmbeddedTwitter.propTypes = {
|
|
63
|
-
screenName: PropTypes.string.isRequired,
|
|
64
|
-
tweetLimit: PropTypes.number,
|
|
65
|
-
};
|
|
66
|
-
|
|
67
|
-
EmbeddedTwitter.defaultProps = {
|
|
68
|
-
tweetLimit: 10,
|
|
69
|
-
};
|
|
70
|
-
|
|
71
|
-
export default EmbeddedTwitter;
|
package/src/Embedded/index.js
DELETED