@mjhls/mjh-framework 1.0.205 → 1.0.207

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 (46) hide show
  1. package/README.md +1 -1
  2. package/dist/cjs/DeckContent.js +10 -11
  3. package/dist/cjs/DeckQueue.js +11 -12
  4. package/dist/cjs/{Dfp-d94f7f73.js → Dfp-c4f1f12a.js} +5 -5
  5. package/dist/cjs/GridContent-089aa22c.js +632 -0
  6. package/dist/cjs/GridContent.js +17 -604
  7. package/dist/cjs/IssueContentDeck.js +4 -4
  8. package/dist/cjs/IssueDeck.js +4 -4
  9. package/dist/cjs/MasterDeck.js +5 -6
  10. package/dist/cjs/{Normal-7dd8c339.js → Normal-47d9e184.js} +62 -3
  11. package/dist/cjs/PublicationDeck.js +4 -4
  12. package/dist/cjs/QueueDeckExpanded.js +13 -13
  13. package/dist/cjs/{TaxonomyCard-7b5b4298.js → TaxonomyCard-d97685e2.js} +5 -5
  14. package/dist/cjs/TaxonomyCard.js +1 -1
  15. package/dist/cjs/TemplateNormal.js +4 -4
  16. package/dist/cjs/ThumbnailCard.js +4 -4
  17. package/dist/cjs/VideoSeriesListing.js +6 -7
  18. package/dist/cjs/{YoutubeGroup-f7707ceb.js → YoutubeGroup-7dc3064d.js} +6 -6
  19. package/dist/cjs/YoutubeGroup.js +1 -1
  20. package/dist/cjs/{debounce-286eb3fb.js → debounce-a963b136.js} +211 -6
  21. package/dist/cjs/{get-06aac51b.js → get-126b1712.js} +10 -10
  22. package/dist/cjs/{visibility-sensor-5c5a7302.js → index-0322e486.js} +0 -587
  23. package/dist/cjs/index.js +213 -97
  24. package/dist/cjs/{index.es-2289df51.js → visibility-sensor-bea3105d.js} +587 -0
  25. package/dist/esm/DeckContent.js +3 -4
  26. package/dist/esm/DeckQueue.js +4 -5
  27. package/dist/esm/{Dfp-ab7941d3.js → Dfp-6731ac01.js} +3 -3
  28. package/dist/esm/GridContent-214acb61.js +625 -0
  29. package/dist/esm/GridContent.js +16 -603
  30. package/dist/esm/MasterDeck.js +3 -4
  31. package/dist/esm/{Normal-403c5666.js → Normal-be430fa9.js} +62 -4
  32. package/dist/esm/QueueDeckExpanded.js +2 -2
  33. package/dist/esm/TemplateNormal.js +4 -4
  34. package/dist/esm/VideoSeriesListing.js +4 -5
  35. package/dist/esm/{YoutubeGroup-06df4923.js → YoutubeGroup-dc617e8b.js} +3 -3
  36. package/dist/esm/YoutubeGroup.js +1 -1
  37. package/dist/esm/{debounce-a0242b4a.js → debounce-dc0c02e5.js} +202 -2
  38. package/dist/esm/{get-b684ff61.js → get-b074314b.js} +1 -1
  39. package/dist/esm/{visibility-sensor-3cfe6713.js → index-6a79dad6.js} +2 -588
  40. package/dist/esm/index.js +185 -71
  41. package/dist/esm/{index.es-f369b3e8.js → visibility-sensor-675d3fa1.js} +588 -2
  42. package/package.json +1 -1
  43. package/dist/cjs/AD-e2479b7c.js +0 -31
  44. package/dist/cjs/isSymbol-311eb805.js +0 -209
  45. package/dist/esm/AD-1b2a3dd3.js +0 -26
  46. package/dist/esm/isSymbol-c2b7d05a.js +0 -203
@@ -1,14 +1,15 @@
1
1
  import React__default, { useState, useEffect, useRef } from 'react';
2
2
  import { c as createCommonjsModule, u as unwrapExports } from './_commonjsHelpers-ae1b5db5.js';
3
+ import { b as lib_2 } from './index-6a79dad6.js';
3
4
  import PropTypes from 'prop-types';
4
5
  import Container from 'react-bootstrap/Container';
5
6
  import Row from 'react-bootstrap/Row';
6
7
  import Col from 'react-bootstrap/Col';
7
8
  import Link from 'next/link';
9
+ import { d as debounce_1 } from './debounce-dc0c02e5.js';
8
10
  import { a as main_36, b as main_37 } from './main-dea495b7.js';
9
11
  import { s as slicedToArray } from './_babelHelpers-67c05996.js';
10
- import { g as get_1 } from './get-b684ff61.js';
11
- import { A as AD } from './AD-1b2a3dd3.js';
12
+ import { g as get_1 } from './get-b074314b.js';
12
13
  import { Dropdown } from 'react-bootstrap';
13
14
  import { G as GenIcon, b as IoMdLogIn, c as IoIosHome } from './index.esm-536609db.js';
14
15
  import Button from 'react-bootstrap/Button';
@@ -2230,6 +2231,63 @@ var HamMagazine = function HamMagazine(props) {
2230
2231
  );
2231
2232
  };
2232
2233
 
2234
+ var DFPAdSlot = function DFPAdSlot(_ref) {
2235
+ var adUnit = _ref.adUnit,
2236
+ sizeMapping = _ref.sizeMapping,
2237
+ className = _ref.className,
2238
+ slotId = _ref.slotId,
2239
+ sizes = _ref.sizes,
2240
+ _ref$targeting = _ref.targeting,
2241
+ targeting = _ref$targeting === undefined ? {} : _ref$targeting;
2242
+
2243
+ var _useState = useState(false),
2244
+ _useState2 = slicedToArray(_useState, 2),
2245
+ adRendered = _useState2[0],
2246
+ setAdRendered = _useState2[1];
2247
+
2248
+ var _useState3 = useState(false),
2249
+ _useState4 = slicedToArray(_useState3, 2),
2250
+ adRefreshable = _useState4[0],
2251
+ setAdRefreshable = _useState4[1];
2252
+
2253
+ var handleVisibilityChange = debounce_1(function (_ref2) {
2254
+ var event = _ref2.event;
2255
+
2256
+ if (event.inViewPercentage <= 0) {
2257
+ setAdRefreshable(false);
2258
+ } else {
2259
+ setAdRefreshable(true);
2260
+ }
2261
+ }, 500);
2262
+
2263
+ return React__default.createElement(
2264
+ 'div',
2265
+ { className: className },
2266
+ React__default.createElement(lib_2, {
2267
+ slotId: slotId,
2268
+ sizes: sizes,
2269
+ adUnit: adUnit,
2270
+ sizeMapping: sizeMapping,
2271
+ targetingArguments: targeting,
2272
+ onSlotRender: function onSlotRender(eventData) {
2273
+ setAdRendered(true);
2274
+ },
2275
+ onSlotVisibilityChanged: handleVisibilityChange,
2276
+ shouldRefresh: function shouldRefresh() {
2277
+ if (adRendered && adRefreshable) return true;else return false;
2278
+ }
2279
+ })
2280
+ );
2281
+ };
2282
+
2283
+ DFPAdSlot.propTypes = {
2284
+ adUnit: PropTypes.string.isRequired,
2285
+ slotId: PropTypes.string,
2286
+ className: PropTypes.string,
2287
+ sizeMapping: PropTypes.array,
2288
+ sizes: PropTypes.array
2289
+ };
2290
+
2233
2291
  var AD728x90 = function AD728x90(_ref) {
2234
2292
  var networkID = _ref.networkID,
2235
2293
  adUnit = _ref.adUnit,
@@ -2237,7 +2295,7 @@ var AD728x90 = function AD728x90(_ref) {
2237
2295
  _ref$targeting = _ref.targeting,
2238
2296
  targeting = _ref$targeting === undefined ? {} : _ref$targeting;
2239
2297
 
2240
- return React__default.createElement(AD, {
2298
+ return React__default.createElement(DFPAdSlot, {
2241
2299
  slotId: slotId,
2242
2300
  networkID: networkID,
2243
2301
  adUnit: adUnit,
@@ -2351,4 +2409,4 @@ var TemplateNormal = function TemplateNormal(props) {
2351
2409
  );
2352
2410
  };
2353
2411
 
2354
- export { AD728x90 as A, Column1 as C, Header$1 as H, LeftNav$1 as L, MdPictureAsPdf as M, NavNative as N, PageFilter as P, Search as S, TemplateNormal as T, Column2 as a, Column3 as b, MagazineNav as c, NavNormal as d, NavDvm as e, HamMagazine as f, SideFooter as g };
2412
+ export { AD728x90 as A, Column1 as C, DFPAdSlot as D, Header$1 as H, LeftNav$1 as L, MdPictureAsPdf as M, NavNative as N, PageFilter as P, Search as S, TemplateNormal as T, Column2 as a, Column3 as b, MagazineNav as c, NavNormal as d, NavDvm as e, HamMagazine as f, SideFooter as g };
@@ -1,8 +1,8 @@
1
1
  import React__default, { useState, useEffect, useRef } from 'react';
2
2
  import './_commonjsHelpers-ae1b5db5.js';
3
- import { V as VisibilitySensor, l as lib_3 } from './visibility-sensor-3cfe6713.js';
3
+ import { a as lib_3 } from './index-6a79dad6.js';
4
4
  import 'prop-types';
5
- import { I as InfiniteScroll, m as moment } from './index.es-f369b3e8.js';
5
+ import { I as InfiniteScroll, V as VisibilitySensor, m as moment } from './visibility-sensor-675d3fa1.js';
6
6
  import 'next/link';
7
7
  import { useRouter } from 'next/router';
8
8
  import 'react-dom';
@@ -1,19 +1,19 @@
1
1
  import 'react';
2
2
  import './_commonjsHelpers-ae1b5db5.js';
3
+ import './index-6a79dad6.js';
3
4
  import 'prop-types';
4
5
  import 'react-bootstrap/Container';
5
6
  import 'react-bootstrap/Row';
6
7
  import 'react-bootstrap/Col';
7
8
  import 'next/link';
8
- import './isSymbol-c2b7d05a.js';
9
+ import './debounce-dc0c02e5.js';
9
10
  import './main-dea495b7.js';
10
11
  import './_babelHelpers-67c05996.js';
11
- import './get-b684ff61.js';
12
- import './AD-1b2a3dd3.js';
12
+ import './get-b074314b.js';
13
13
  import 'react-bootstrap';
14
14
  import './index.esm-536609db.js';
15
15
  import 'react-bootstrap/Button';
16
- export { T as default } from './Normal-403c5666.js';
16
+ export { T as default } from './Normal-be430fa9.js';
17
17
  import 'react-bootstrap/ListGroup';
18
18
  import 'next/head';
19
19
  import 'react-bootstrap/Nav';
@@ -1,17 +1,16 @@
1
1
  import React__default from 'react';
2
2
  import './_commonjsHelpers-ae1b5db5.js';
3
- import { V as VisibilitySensor, l as lib_3 } from './visibility-sensor-3cfe6713.js';
3
+ import { a as lib_3 } from './index-6a79dad6.js';
4
4
  import 'prop-types';
5
5
  import Container from 'react-bootstrap/Container';
6
- import { I as InfiniteScroll } from './index.es-f369b3e8.js';
6
+ import { I as InfiniteScroll, V as VisibilitySensor } from './visibility-sensor-675d3fa1.js';
7
7
  import 'next/link';
8
8
  import { withRouter } from 'next/router';
9
- import './isSymbol-c2b7d05a.js';
10
- import { d as debounce_1 } from './debounce-a0242b4a.js';
9
+ import { d as debounce_1 } from './debounce-dc0c02e5.js';
11
10
  import 'react-dom';
12
11
  import './index-3c1ee9ab.js';
13
12
  import { i as inherits, c as createClass, a as classCallCheck, p as possibleConstructorReturn, _ as _extends } from './_babelHelpers-67c05996.js';
14
- import { Y as YoutubeGroup } from './YoutubeGroup-06df4923.js';
13
+ import { Y as YoutubeGroup } from './YoutubeGroup-dc617e8b.js';
15
14
  import { a as IoIosArrowForward } from './index.esm-536609db.js';
16
15
 
17
16
  var VideoSeriesListing = function (_React$Component) {
@@ -55,7 +55,7 @@ var getYoutubeId = createCommonjsModule(function (module, exports) {
55
55
  /*
56
56
  GROQ query -
57
57
  accepts an array of title, URL
58
- `http://img.youtube.com/vi/${getYouTubeId(vid.url)}/hqdefault.jpg`
58
+ `https://img.youtube.com/vi/${getYouTubeId(vid.url)}/hqdefault.jpg`
59
59
  */
60
60
  var YoutubeGroup = function YoutubeGroup(props) {
61
61
  // Props should be an array of objects containing Thumbnail, title, and URL
@@ -112,7 +112,7 @@ var YoutubeGroup = function YoutubeGroup(props) {
112
112
  // If there is a current prop, means this will overlay a currently playing video
113
113
  if (current !== '') {
114
114
  var url = video.url;
115
- var thumbnail = 'http://img.youtube.com/vi/' + getYoutubeId(video.url) + '/hqdefault.jpg';
115
+ var thumbnail = 'https://img.youtube.com/vi/' + getYoutubeId(video.url) + '/hqdefault.jpg';
116
116
 
117
117
  return React__default.createElement(
118
118
  'div',
@@ -159,7 +159,7 @@ var YoutubeGroup = function YoutubeGroup(props) {
159
159
  } else {
160
160
  // slider by itself
161
161
  var _url = '' + video.link;
162
- var _thumbnail = 'http://img.youtube.com/vi/' + getYoutubeId(video.url) + '/hqdefault.jpg';
162
+ var _thumbnail = 'https://img.youtube.com/vi/' + getYoutubeId(video.url) + '/hqdefault.jpg';
163
163
  return React__default.createElement(
164
164
  'div',
165
165
  { key: index, className: 'tile' },
@@ -4,4 +4,4 @@ import 'prop-types';
4
4
  import 'next/link';
5
5
  import 'react-dom';
6
6
  import './index-3c1ee9ab.js';
7
- export { Y as default } from './YoutubeGroup-06df4923.js';
7
+ export { Y as default } from './YoutubeGroup-dc617e8b.js';
@@ -1,4 +1,49 @@
1
- import { _ as _root, i as isSymbol_1, a as isObject_1 } from './isSymbol-c2b7d05a.js';
1
+ import { a as commonjsGlobal } from './_commonjsHelpers-ae1b5db5.js';
2
+
3
+ /**
4
+ * Checks if `value` is the
5
+ * [language type](http://www.ecma-international.org/ecma-262/7.0/#sec-ecmascript-language-types)
6
+ * of `Object`. (e.g. arrays, functions, objects, regexes, `new Number(0)`, and `new String('')`)
7
+ *
8
+ * @static
9
+ * @memberOf _
10
+ * @since 0.1.0
11
+ * @category Lang
12
+ * @param {*} value The value to check.
13
+ * @returns {boolean} Returns `true` if `value` is an object, else `false`.
14
+ * @example
15
+ *
16
+ * _.isObject({});
17
+ * // => true
18
+ *
19
+ * _.isObject([1, 2, 3]);
20
+ * // => true
21
+ *
22
+ * _.isObject(_.noop);
23
+ * // => true
24
+ *
25
+ * _.isObject(null);
26
+ * // => false
27
+ */
28
+ function isObject(value) {
29
+ var type = typeof value;
30
+ return value != null && (type == 'object' || type == 'function');
31
+ }
32
+
33
+ var isObject_1 = isObject;
34
+
35
+ /** Detect free variable `global` from Node.js. */
36
+ var freeGlobal = typeof commonjsGlobal == 'object' && commonjsGlobal && commonjsGlobal.Object === Object && commonjsGlobal;
37
+
38
+ var _freeGlobal = freeGlobal;
39
+
40
+ /** Detect free variable `self`. */
41
+ var freeSelf = typeof self == 'object' && self && self.Object === Object && self;
42
+
43
+ /** Used as a reference to the global object. */
44
+ var root = _freeGlobal || freeSelf || Function('return this')();
45
+
46
+ var _root = root;
2
47
 
3
48
  /**
4
49
  * Gets the timestamp of the number of milliseconds that have elapsed since
@@ -22,6 +67,161 @@ var now = function() {
22
67
 
23
68
  var now_1 = now;
24
69
 
70
+ /** Built-in value references. */
71
+ var Symbol = _root.Symbol;
72
+
73
+ var _Symbol = Symbol;
74
+
75
+ /** Used for built-in method references. */
76
+ var objectProto = Object.prototype;
77
+
78
+ /** Used to check objects for own properties. */
79
+ var hasOwnProperty = objectProto.hasOwnProperty;
80
+
81
+ /**
82
+ * Used to resolve the
83
+ * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)
84
+ * of values.
85
+ */
86
+ var nativeObjectToString = objectProto.toString;
87
+
88
+ /** Built-in value references. */
89
+ var symToStringTag = _Symbol ? _Symbol.toStringTag : undefined;
90
+
91
+ /**
92
+ * A specialized version of `baseGetTag` which ignores `Symbol.toStringTag` values.
93
+ *
94
+ * @private
95
+ * @param {*} value The value to query.
96
+ * @returns {string} Returns the raw `toStringTag`.
97
+ */
98
+ function getRawTag(value) {
99
+ var isOwn = hasOwnProperty.call(value, symToStringTag),
100
+ tag = value[symToStringTag];
101
+
102
+ try {
103
+ value[symToStringTag] = undefined;
104
+ var unmasked = true;
105
+ } catch (e) {}
106
+
107
+ var result = nativeObjectToString.call(value);
108
+ if (unmasked) {
109
+ if (isOwn) {
110
+ value[symToStringTag] = tag;
111
+ } else {
112
+ delete value[symToStringTag];
113
+ }
114
+ }
115
+ return result;
116
+ }
117
+
118
+ var _getRawTag = getRawTag;
119
+
120
+ /** Used for built-in method references. */
121
+ var objectProto$1 = Object.prototype;
122
+
123
+ /**
124
+ * Used to resolve the
125
+ * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)
126
+ * of values.
127
+ */
128
+ var nativeObjectToString$1 = objectProto$1.toString;
129
+
130
+ /**
131
+ * Converts `value` to a string using `Object.prototype.toString`.
132
+ *
133
+ * @private
134
+ * @param {*} value The value to convert.
135
+ * @returns {string} Returns the converted string.
136
+ */
137
+ function objectToString(value) {
138
+ return nativeObjectToString$1.call(value);
139
+ }
140
+
141
+ var _objectToString = objectToString;
142
+
143
+ /** `Object#toString` result references. */
144
+ var nullTag = '[object Null]',
145
+ undefinedTag = '[object Undefined]';
146
+
147
+ /** Built-in value references. */
148
+ var symToStringTag$1 = _Symbol ? _Symbol.toStringTag : undefined;
149
+
150
+ /**
151
+ * The base implementation of `getTag` without fallbacks for buggy environments.
152
+ *
153
+ * @private
154
+ * @param {*} value The value to query.
155
+ * @returns {string} Returns the `toStringTag`.
156
+ */
157
+ function baseGetTag(value) {
158
+ if (value == null) {
159
+ return value === undefined ? undefinedTag : nullTag;
160
+ }
161
+ return (symToStringTag$1 && symToStringTag$1 in Object(value))
162
+ ? _getRawTag(value)
163
+ : _objectToString(value);
164
+ }
165
+
166
+ var _baseGetTag = baseGetTag;
167
+
168
+ /**
169
+ * Checks if `value` is object-like. A value is object-like if it's not `null`
170
+ * and has a `typeof` result of "object".
171
+ *
172
+ * @static
173
+ * @memberOf _
174
+ * @since 4.0.0
175
+ * @category Lang
176
+ * @param {*} value The value to check.
177
+ * @returns {boolean} Returns `true` if `value` is object-like, else `false`.
178
+ * @example
179
+ *
180
+ * _.isObjectLike({});
181
+ * // => true
182
+ *
183
+ * _.isObjectLike([1, 2, 3]);
184
+ * // => true
185
+ *
186
+ * _.isObjectLike(_.noop);
187
+ * // => false
188
+ *
189
+ * _.isObjectLike(null);
190
+ * // => false
191
+ */
192
+ function isObjectLike(value) {
193
+ return value != null && typeof value == 'object';
194
+ }
195
+
196
+ var isObjectLike_1 = isObjectLike;
197
+
198
+ /** `Object#toString` result references. */
199
+ var symbolTag = '[object Symbol]';
200
+
201
+ /**
202
+ * Checks if `value` is classified as a `Symbol` primitive or object.
203
+ *
204
+ * @static
205
+ * @memberOf _
206
+ * @since 4.0.0
207
+ * @category Lang
208
+ * @param {*} value The value to check.
209
+ * @returns {boolean} Returns `true` if `value` is a symbol, else `false`.
210
+ * @example
211
+ *
212
+ * _.isSymbol(Symbol.iterator);
213
+ * // => true
214
+ *
215
+ * _.isSymbol('abc');
216
+ * // => false
217
+ */
218
+ function isSymbol(value) {
219
+ return typeof value == 'symbol' ||
220
+ (isObjectLike_1(value) && _baseGetTag(value) == symbolTag);
221
+ }
222
+
223
+ var isSymbol_1 = isSymbol;
224
+
25
225
  /** Used as references for various `Number` constants. */
26
226
  var NAN = 0 / 0;
27
227
 
@@ -274,4 +474,4 @@ function debounce(func, wait, options) {
274
474
 
275
475
  var debounce_1 = debounce;
276
476
 
277
- export { debounce_1 as d };
477
+ export { _baseGetTag as _, isObject_1 as a, _root as b, _Symbol as c, debounce_1 as d, isSymbol_1 as i };
@@ -1,4 +1,4 @@
1
- import { i as isSymbol_1, a as isObject_1, b as _baseGetTag, _ as _root, c as _Symbol } from './isSymbol-c2b7d05a.js';
1
+ import { i as isSymbol_1, a as isObject_1, _ as _baseGetTag, b as _root, c as _Symbol } from './debounce-dc0c02e5.js';
2
2
 
3
3
  /**
4
4
  * Checks if `value` is classified as an `Array` object.