@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.
@@ -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';
@@ -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, 'Komande'), _defineProperty(_subjectCategories, subjectCategories.COMMON_SUBJECTS, 'Fellesfag'), _defineProperty(_subjectCategories, subjectCategories.PROGRAMME_SUBJECTS, 'Programfag SF'), _defineProperty(_subjectCategories, subjectCategories.SPECIALIZED_SUBJECTS, 'Yrkesfag'), _subjectCategories),
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}}',
@@ -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, 'Komande'), _defineProperty(_subjectCategories, subjectCategories.COMMON_SUBJECTS, 'Fellesfag'), _defineProperty(_subjectCategories, subjectCategories.PROGRAMME_SUBJECTS, 'Programfag SF'), _defineProperty(_subjectCategories, subjectCategories.SPECIALIZED_SUBJECTS, 'Yrkesfag'), _subjectCategories),
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.0",
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": "^2.2.0",
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": "7d6db8f3945947b35bdbb3c38229dec942d43ec1"
84
+ "gitHead": "471a578a2f53d87b6dcb75c4d3a36c8acfcf3838"
86
85
  }
@@ -32,5 +32,3 @@ export {
32
32
  CompetenceGoal,
33
33
  CompetenceGoalsDialog,
34
34
  } from './CompetenceGoals';
35
-
36
- export { EmbeddedTwitter, EmbeddedFacebook, EmbeddedFacebookPage } from './Embedded';
@@ -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]: 'Komande',
51
+ [subjectCategories.BETA_SUBJECTS]: 'Kommande',
52
52
  [subjectCategories.COMMON_SUBJECTS]: 'Fellesfag',
53
53
  [subjectCategories.PROGRAMME_SUBJECTS]: 'Programfag SF',
54
54
  [subjectCategories.SPECIALIZED_SUBJECTS]: 'Yrkesfag',
@@ -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;
@@ -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;
@@ -1,3 +0,0 @@
1
- export { default as EmbeddedTwitter } from './Twitter';
2
- export { default as EmbeddedFacebook } from './Facebook';
3
- export { default as EmbeddedFacebookPage } from './FacebookPage';
@@ -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;
@@ -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;
@@ -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;
@@ -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;
@@ -1,3 +0,0 @@
1
- export { default as EmbeddedTwitter } from './Twitter';
2
- export { default as EmbeddedFacebook } from './Facebook';
3
- export { default as EmbeddedFacebookPage } from './FacebookPage';