@mjhls/mjh-framework 1.0.268 → 1.0.269

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 (44) hide show
  1. package/README.md +171 -171
  2. package/dist/cjs/ADInfeed-0da6acd4.js +47 -0
  3. package/dist/cjs/{AdSlot-1c436555.js → AdSlot-93d892f5.js} +5 -1
  4. package/dist/cjs/DeckContent.js +12 -27
  5. package/dist/cjs/DeckQueue.js +1 -1
  6. package/dist/cjs/{GridContent-e459f9e3.js → GridContent-524f2ad8.js} +4 -16
  7. package/dist/cjs/GridContent.js +4 -3
  8. package/dist/cjs/IssueContentDeck.js +1 -1
  9. package/dist/cjs/IssueDeck.js +1 -1
  10. package/dist/cjs/MasterDeck.js +9 -9
  11. package/dist/cjs/{Normal-a0314a82.js → Normal-6c0b2764.js} +31 -31
  12. package/dist/cjs/PublicationDeck.js +1 -1
  13. package/dist/cjs/QueueDeckExpanded.js +1 -1
  14. package/dist/cjs/{TaxonomyCard-e3566492.js → TaxonomyCard-b5074d6e.js} +1 -1
  15. package/dist/cjs/TaxonomyCard.js +2 -2
  16. package/dist/cjs/TemplateNormal.js +2 -2
  17. package/dist/cjs/ThumbnailCard.js +1 -1
  18. package/dist/cjs/VideoSeriesListing.js +2 -1
  19. package/dist/cjs/{YoutubeGroup-94e6efea.js → YoutubeGroup-78e6bcc3.js} +5 -437
  20. package/dist/cjs/YoutubeGroup.js +2 -1
  21. package/dist/cjs/{index-be0c82be.js → index-39beccb3.js} +2 -1
  22. package/dist/cjs/index.js +558 -538
  23. package/dist/esm/ADInfeed-e546ea87.js +42 -0
  24. package/dist/esm/{AdSlot-5b019415.js → AdSlot-9b4ae186.js} +5 -1
  25. package/dist/esm/DeckContent.js +12 -27
  26. package/dist/esm/DeckQueue.js +1 -1
  27. package/dist/esm/{GridContent-be36b0aa.js → GridContent-f4fd38a7.js} +3 -15
  28. package/dist/esm/GridContent.js +4 -3
  29. package/dist/esm/IssueContentDeck.js +1 -1
  30. package/dist/esm/IssueDeck.js +1 -1
  31. package/dist/esm/MasterDeck.js +9 -9
  32. package/dist/esm/{Normal-86e740c0.js → Normal-b7aa5dce.js} +31 -31
  33. package/dist/esm/PublicationDeck.js +1 -1
  34. package/dist/esm/QueueDeckExpanded.js +1 -1
  35. package/dist/esm/{TaxonomyCard-2d0ab635.js → TaxonomyCard-ee1a22ae.js} +1 -1
  36. package/dist/esm/TaxonomyCard.js +2 -2
  37. package/dist/esm/TemplateNormal.js +2 -2
  38. package/dist/esm/ThumbnailCard.js +1 -1
  39. package/dist/esm/VideoSeriesListing.js +2 -1
  40. package/dist/esm/{YoutubeGroup-f59297bb.js → YoutubeGroup-a87b8967.js} +5 -437
  41. package/dist/esm/YoutubeGroup.js +2 -1
  42. package/dist/esm/{index-73819142.js → index-3849e3fe.js} +2 -1
  43. package/dist/esm/index.js +562 -542
  44. package/package.json +103 -103
@@ -2,6 +2,7 @@ import { c as createCommonjsModule, a as commonjsGlobal } from './_commonjsHelpe
2
2
  import React__default, { useEffect } from 'react';
3
3
  import 'next/link';
4
4
  import { L as LazyLoad } from './index-5f9f807a.js';
5
+ import smoothscroll from 'smoothscroll-polyfill';
5
6
 
6
7
  var getYoutubeId = createCommonjsModule(function (module, exports) {
7
8
  (function (root, factory) {
@@ -52,445 +53,12 @@ var getYoutubeId = createCommonjsModule(function (module, exports) {
52
53
  }));
53
54
  });
54
55
 
55
- var smoothscroll = createCommonjsModule(function (module, exports) {
56
- /* smoothscroll v0.4.4 - 2019 - Dustan Kasten, Jeremias Menichelli - MIT License */
57
- (function () {
58
-
59
- // polyfill
60
- function polyfill() {
61
- // aliases
62
- var w = window;
63
- var d = document;
64
-
65
- // return if scroll behavior is supported and polyfill is not forced
66
- if (
67
- 'scrollBehavior' in d.documentElement.style &&
68
- w.__forceSmoothScrollPolyfill__ !== true
69
- ) {
70
- return;
71
- }
72
-
73
- // globals
74
- var Element = w.HTMLElement || w.Element;
75
- var SCROLL_TIME = 468;
76
-
77
- // object gathering original scroll methods
78
- var original = {
79
- scroll: w.scroll || w.scrollTo,
80
- scrollBy: w.scrollBy,
81
- elementScroll: Element.prototype.scroll || scrollElement,
82
- scrollIntoView: Element.prototype.scrollIntoView
83
- };
84
-
85
- // define timing method
86
- var now =
87
- w.performance && w.performance.now
88
- ? w.performance.now.bind(w.performance)
89
- : Date.now;
90
-
91
- /**
92
- * indicates if a the current browser is made by Microsoft
93
- * @method isMicrosoftBrowser
94
- * @param {String} userAgent
95
- * @returns {Boolean}
96
- */
97
- function isMicrosoftBrowser(userAgent) {
98
- var userAgentPatterns = ['MSIE ', 'Trident/', 'Edge/'];
99
-
100
- return new RegExp(userAgentPatterns.join('|')).test(userAgent);
101
- }
102
-
103
- /*
104
- * IE has rounding bug rounding down clientHeight and clientWidth and
105
- * rounding up scrollHeight and scrollWidth causing false positives
106
- * on hasScrollableSpace
107
- */
108
- var ROUNDING_TOLERANCE = isMicrosoftBrowser(w.navigator.userAgent) ? 1 : 0;
109
-
110
- /**
111
- * changes scroll position inside an element
112
- * @method scrollElement
113
- * @param {Number} x
114
- * @param {Number} y
115
- * @returns {undefined}
116
- */
117
- function scrollElement(x, y) {
118
- this.scrollLeft = x;
119
- this.scrollTop = y;
120
- }
121
-
122
- /**
123
- * returns result of applying ease math function to a number
124
- * @method ease
125
- * @param {Number} k
126
- * @returns {Number}
127
- */
128
- function ease(k) {
129
- return 0.5 * (1 - Math.cos(Math.PI * k));
130
- }
131
-
132
- /**
133
- * indicates if a smooth behavior should be applied
134
- * @method shouldBailOut
135
- * @param {Number|Object} firstArg
136
- * @returns {Boolean}
137
- */
138
- function shouldBailOut(firstArg) {
139
- if (
140
- firstArg === null ||
141
- typeof firstArg !== 'object' ||
142
- firstArg.behavior === undefined ||
143
- firstArg.behavior === 'auto' ||
144
- firstArg.behavior === 'instant'
145
- ) {
146
- // first argument is not an object/null
147
- // or behavior is auto, instant or undefined
148
- return true;
149
- }
150
-
151
- if (typeof firstArg === 'object' && firstArg.behavior === 'smooth') {
152
- // first argument is an object and behavior is smooth
153
- return false;
154
- }
155
-
156
- // throw error when behavior is not supported
157
- throw new TypeError(
158
- 'behavior member of ScrollOptions ' +
159
- firstArg.behavior +
160
- ' is not a valid value for enumeration ScrollBehavior.'
161
- );
162
- }
163
-
164
- /**
165
- * indicates if an element has scrollable space in the provided axis
166
- * @method hasScrollableSpace
167
- * @param {Node} el
168
- * @param {String} axis
169
- * @returns {Boolean}
170
- */
171
- function hasScrollableSpace(el, axis) {
172
- if (axis === 'Y') {
173
- return el.clientHeight + ROUNDING_TOLERANCE < el.scrollHeight;
174
- }
175
-
176
- if (axis === 'X') {
177
- return el.clientWidth + ROUNDING_TOLERANCE < el.scrollWidth;
178
- }
179
- }
180
-
181
- /**
182
- * indicates if an element has a scrollable overflow property in the axis
183
- * @method canOverflow
184
- * @param {Node} el
185
- * @param {String} axis
186
- * @returns {Boolean}
187
- */
188
- function canOverflow(el, axis) {
189
- var overflowValue = w.getComputedStyle(el, null)['overflow' + axis];
190
-
191
- return overflowValue === 'auto' || overflowValue === 'scroll';
192
- }
193
-
194
- /**
195
- * indicates if an element can be scrolled in either axis
196
- * @method isScrollable
197
- * @param {Node} el
198
- * @param {String} axis
199
- * @returns {Boolean}
200
- */
201
- function isScrollable(el) {
202
- var isScrollableY = hasScrollableSpace(el, 'Y') && canOverflow(el, 'Y');
203
- var isScrollableX = hasScrollableSpace(el, 'X') && canOverflow(el, 'X');
204
-
205
- return isScrollableY || isScrollableX;
206
- }
207
-
208
- /**
209
- * finds scrollable parent of an element
210
- * @method findScrollableParent
211
- * @param {Node} el
212
- * @returns {Node} el
213
- */
214
- function findScrollableParent(el) {
215
- while (el !== d.body && isScrollable(el) === false) {
216
- el = el.parentNode || el.host;
217
- }
218
-
219
- return el;
220
- }
221
-
222
- /**
223
- * self invoked function that, given a context, steps through scrolling
224
- * @method step
225
- * @param {Object} context
226
- * @returns {undefined}
227
- */
228
- function step(context) {
229
- var time = now();
230
- var value;
231
- var currentX;
232
- var currentY;
233
- var elapsed = (time - context.startTime) / SCROLL_TIME;
234
-
235
- // avoid elapsed times higher than one
236
- elapsed = elapsed > 1 ? 1 : elapsed;
237
-
238
- // apply easing to elapsed time
239
- value = ease(elapsed);
240
-
241
- currentX = context.startX + (context.x - context.startX) * value;
242
- currentY = context.startY + (context.y - context.startY) * value;
243
-
244
- context.method.call(context.scrollable, currentX, currentY);
245
-
246
- // scroll more if we have not reached our destination
247
- if (currentX !== context.x || currentY !== context.y) {
248
- w.requestAnimationFrame(step.bind(w, context));
249
- }
250
- }
251
-
252
- /**
253
- * scrolls window or element with a smooth behavior
254
- * @method smoothScroll
255
- * @param {Object|Node} el
256
- * @param {Number} x
257
- * @param {Number} y
258
- * @returns {undefined}
259
- */
260
- function smoothScroll(el, x, y) {
261
- var scrollable;
262
- var startX;
263
- var startY;
264
- var method;
265
- var startTime = now();
266
-
267
- // define scroll context
268
- if (el === d.body) {
269
- scrollable = w;
270
- startX = w.scrollX || w.pageXOffset;
271
- startY = w.scrollY || w.pageYOffset;
272
- method = original.scroll;
273
- } else {
274
- scrollable = el;
275
- startX = el.scrollLeft;
276
- startY = el.scrollTop;
277
- method = scrollElement;
278
- }
279
-
280
- // scroll looping over a frame
281
- step({
282
- scrollable: scrollable,
283
- method: method,
284
- startTime: startTime,
285
- startX: startX,
286
- startY: startY,
287
- x: x,
288
- y: y
289
- });
290
- }
291
-
292
- // ORIGINAL METHODS OVERRIDES
293
- // w.scroll and w.scrollTo
294
- w.scroll = w.scrollTo = function() {
295
- // avoid action when no arguments are passed
296
- if (arguments[0] === undefined) {
297
- return;
298
- }
299
-
300
- // avoid smooth behavior if not required
301
- if (shouldBailOut(arguments[0]) === true) {
302
- original.scroll.call(
303
- w,
304
- arguments[0].left !== undefined
305
- ? arguments[0].left
306
- : typeof arguments[0] !== 'object'
307
- ? arguments[0]
308
- : w.scrollX || w.pageXOffset,
309
- // use top prop, second argument if present or fallback to scrollY
310
- arguments[0].top !== undefined
311
- ? arguments[0].top
312
- : arguments[1] !== undefined
313
- ? arguments[1]
314
- : w.scrollY || w.pageYOffset
315
- );
316
-
317
- return;
318
- }
319
-
320
- // LET THE SMOOTHNESS BEGIN!
321
- smoothScroll.call(
322
- w,
323
- d.body,
324
- arguments[0].left !== undefined
325
- ? ~~arguments[0].left
326
- : w.scrollX || w.pageXOffset,
327
- arguments[0].top !== undefined
328
- ? ~~arguments[0].top
329
- : w.scrollY || w.pageYOffset
330
- );
331
- };
332
-
333
- // w.scrollBy
334
- w.scrollBy = function() {
335
- // avoid action when no arguments are passed
336
- if (arguments[0] === undefined) {
337
- return;
338
- }
339
-
340
- // avoid smooth behavior if not required
341
- if (shouldBailOut(arguments[0])) {
342
- original.scrollBy.call(
343
- w,
344
- arguments[0].left !== undefined
345
- ? arguments[0].left
346
- : typeof arguments[0] !== 'object' ? arguments[0] : 0,
347
- arguments[0].top !== undefined
348
- ? arguments[0].top
349
- : arguments[1] !== undefined ? arguments[1] : 0
350
- );
351
-
352
- return;
353
- }
354
-
355
- // LET THE SMOOTHNESS BEGIN!
356
- smoothScroll.call(
357
- w,
358
- d.body,
359
- ~~arguments[0].left + (w.scrollX || w.pageXOffset),
360
- ~~arguments[0].top + (w.scrollY || w.pageYOffset)
361
- );
362
- };
363
-
364
- // Element.prototype.scroll and Element.prototype.scrollTo
365
- Element.prototype.scroll = Element.prototype.scrollTo = function() {
366
- // avoid action when no arguments are passed
367
- if (arguments[0] === undefined) {
368
- return;
369
- }
370
-
371
- // avoid smooth behavior if not required
372
- if (shouldBailOut(arguments[0]) === true) {
373
- // if one number is passed, throw error to match Firefox implementation
374
- if (typeof arguments[0] === 'number' && arguments[1] === undefined) {
375
- throw new SyntaxError('Value could not be converted');
376
- }
377
-
378
- original.elementScroll.call(
379
- this,
380
- // use left prop, first number argument or fallback to scrollLeft
381
- arguments[0].left !== undefined
382
- ? ~~arguments[0].left
383
- : typeof arguments[0] !== 'object' ? ~~arguments[0] : this.scrollLeft,
384
- // use top prop, second argument or fallback to scrollTop
385
- arguments[0].top !== undefined
386
- ? ~~arguments[0].top
387
- : arguments[1] !== undefined ? ~~arguments[1] : this.scrollTop
388
- );
389
-
390
- return;
391
- }
392
-
393
- var left = arguments[0].left;
394
- var top = arguments[0].top;
395
-
396
- // LET THE SMOOTHNESS BEGIN!
397
- smoothScroll.call(
398
- this,
399
- this,
400
- typeof left === 'undefined' ? this.scrollLeft : ~~left,
401
- typeof top === 'undefined' ? this.scrollTop : ~~top
402
- );
403
- };
404
-
405
- // Element.prototype.scrollBy
406
- Element.prototype.scrollBy = function() {
407
- // avoid action when no arguments are passed
408
- if (arguments[0] === undefined) {
409
- return;
410
- }
411
-
412
- // avoid smooth behavior if not required
413
- if (shouldBailOut(arguments[0]) === true) {
414
- original.elementScroll.call(
415
- this,
416
- arguments[0].left !== undefined
417
- ? ~~arguments[0].left + this.scrollLeft
418
- : ~~arguments[0] + this.scrollLeft,
419
- arguments[0].top !== undefined
420
- ? ~~arguments[0].top + this.scrollTop
421
- : ~~arguments[1] + this.scrollTop
422
- );
423
-
424
- return;
425
- }
426
-
427
- this.scroll({
428
- left: ~~arguments[0].left + this.scrollLeft,
429
- top: ~~arguments[0].top + this.scrollTop,
430
- behavior: arguments[0].behavior
431
- });
432
- };
433
-
434
- // Element.prototype.scrollIntoView
435
- Element.prototype.scrollIntoView = function() {
436
- // avoid smooth behavior if not required
437
- if (shouldBailOut(arguments[0]) === true) {
438
- original.scrollIntoView.call(
439
- this,
440
- arguments[0] === undefined ? true : arguments[0]
441
- );
442
-
443
- return;
444
- }
445
-
446
- // LET THE SMOOTHNESS BEGIN!
447
- var scrollableParent = findScrollableParent(this);
448
- var parentRects = scrollableParent.getBoundingClientRect();
449
- var clientRects = this.getBoundingClientRect();
450
-
451
- if (scrollableParent !== d.body) {
452
- // reveal element inside parent
453
- smoothScroll.call(
454
- this,
455
- scrollableParent,
456
- scrollableParent.scrollLeft + clientRects.left - parentRects.left,
457
- scrollableParent.scrollTop + clientRects.top - parentRects.top
458
- );
459
-
460
- // reveal parent in viewport unless is fixed
461
- if (w.getComputedStyle(scrollableParent).position !== 'fixed') {
462
- w.scrollBy({
463
- left: parentRects.left,
464
- top: parentRects.top,
465
- behavior: 'smooth'
466
- });
467
- }
468
- } else {
469
- // reveal element in viewport
470
- w.scrollBy({
471
- left: clientRects.left,
472
- top: clientRects.top,
473
- behavior: 'smooth'
474
- });
475
- }
476
- };
477
- }
478
-
479
- {
480
- // commonjs
481
- module.exports = { polyfill: polyfill };
482
- }
483
-
484
- }());
485
- });
486
- var smoothscroll_1 = smoothscroll.polyfill;
487
-
488
56
  // kick off the polyfill!
489
57
 
490
- /*
491
- GROQ query -
492
- accepts an array of title, URL
493
- `https://img.youtube.com/vi/${getYouTubeId(vid.url)}/hqdefault.jpg`
58
+ /*
59
+ GROQ query -
60
+ accepts an array of title, URL
61
+ `https://img.youtube.com/vi/${getYouTubeId(vid.url)}/hqdefault.jpg`
494
62
  */
495
63
  var YoutubeGroup = function YoutubeGroup(props) {
496
64
  // Props should be an array of objects containing Thumbnail, title, and URL
@@ -4,4 +4,5 @@ import 'prop-types';
4
4
  import 'next/link';
5
5
  import 'react-dom';
6
6
  import './index-5f9f807a.js';
7
- export { Y as default } from './YoutubeGroup-f59297bb.js';
7
+ export { Y as default } from './YoutubeGroup-a87b8967.js';
8
+ import 'smoothscroll-polyfill';
@@ -375,7 +375,8 @@ function urlBuilder(options) {
375
375
  var client = options;
376
376
  if (isSanityClient(client)) {
377
377
  // Inherit config from client
378
- var _a = client.clientConfig, apiHost = _a.apiHost, projectId = _a.projectId, dataset = _a.dataset;
378
+ var _a = client.clientConfig, apiUrl = _a.apiHost, projectId = _a.projectId, dataset = _a.dataset;
379
+ var apiHost = apiUrl || 'https://api.sanity.io';
379
380
  return new ImageUrlBuilder(null, {
380
381
  baseUrl: apiHost.replace(/^https:\/\/api\./, 'https://cdn.'),
381
382
  projectId: projectId,