@britannica/compendium - npm Package Compare versions

Comparing version 3.0.0-beta.5 to 3.0.0-beta.6

dist/es/components/MediaOverlay/MediaOverlay.js

@@ -62,2 +62,3 @@ import '../../chunk-e13534d8.js';
     hideOverlay,
+    className,
     overlayState: {
@@ -74,3 +75,3 @@ assembly,
   return React.createElement("div", {
-    className: styles.MediaOverlay,
+    className: classNames(styles.MediaOverlay, className),
     ref: overlayRef
@@ -77,0 +78,0 @@ }, React.createElement("div", {

dist/es/components/MediaOverlay/MediaOverlay.lazy.js

 import '../../chunk-e13534d8.js';
 import React, { lazy, Suspense } from 'react';
+import '../../chunk-83aca3b1.js';
 import 'classnames';
@@ -4,0 +5,0 @@ import '@fortawesome/react-fontawesome';

dist/es/components/MediaOverlay/MediaOverlayContainer.js

@@ -449,2 +449,3 @@ import '../../chunk-e13534d8.js';
   baseHref: PropTypes.string,
+  className: PropTypes.string,
   collapsibleSidebar: PropTypes.bool,
@@ -467,2 +468,3 @@ generatePrerollUrl: PropTypes.func,
   hasMediaStrip: false,
+  className: null,
   collapsibleSidebar: false,
@@ -469,0 +471,0 @@ generatePrerollUrl: null,

dist/es/components/MediaOverlayLoading/MediaOverlayLoading.js

 import '../../chunk-e13534d8.js';
 import React from 'react';
+import { P as PropTypes } from '../../chunk-83aca3b1.js';
 import classNames from 'classnames';
@@ -8,16 +9,28 @@ import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 
-const MediaOverlayLoading = () => React.createElement("div", {
-  className: styles.MediaOverlay
-}, React.createElement("div", {
-  className: styles.background
-}, React.createElement("div", {
-  className: classNames(styles.main, styles.loading)
-}, React.createElement("div", {
-  className: "animated fadeIn delay-1s"
-}, React.createElement(FontAwesomeIcon, {
-  icon: faSpinnerThird,
-  size: "2x",
-  spin: true
-})))));
+const MediaOverlayLoading = (_ref) => {
+  let {
+    className
+  } = _ref;
+  return React.createElement("div", {
+    className: classNames(styles.MediaOverlay, className)
+  }, React.createElement("div", {
+    className: styles.background
+  }, React.createElement("div", {
+    className: classNames(styles.main, styles.loading)
+  }, React.createElement("div", {
+    className: "animated fadeIn delay-1s"
+  }, React.createElement(FontAwesomeIcon, {
+    icon: faSpinnerThird,
+    size: "2x",
+    spin: true
+  })))));
+};
 
+MediaOverlayLoading.propTypes = {
+  className: PropTypes.string
+};
+MediaOverlayLoading.defaultProps = {
+  className: null
+};
+
 export default MediaOverlayLoading;

dist/es/components/MediaStrip/MediaStrip.js

@@ -36,2 +36,3 @@ import { s as styleInject } from '../../chunk-e13534d8.js';
   let {
+    className,
     captions,
@@ -54,3 +55,3 @@ assemblies,
       [styles.captions]: captions
-    }, 'd-print-none')
+    }, 'd-print-none', className)
   }, React.createElement(SnapSlider, {
@@ -76,2 +77,3 @@ scrollTo: THUMBNAIL_WIDTH * index
 MediaStrip.propTypes = {
+  className: PropTypes.string,
   captions: PropTypes.bool,
@@ -85,2 +87,3 @@ assemblies: PropTypes.arrayOf(AssemblyProp).isRequired,
 MediaStrip.defaultProps = {
+  className: null,
   captions: false,
@@ -87,0 +90,0 @@ lazyContainer: null,

dist/es/components/SnapSlider/SnapSlider.js

@@ -21,2 +21,3 @@ import { s as styleInject } from '../../chunk-e13534d8.js';
     children,
+    className,
     scrollTo,
@@ -82,3 +83,3 @@ selectedIndex,
   return React.createElement("div", {
-    className: styles.SnapSlider
+    className: classNames(styles.SnapSlider, className)
   }, React.createElement(SnapSliderArrow, {
@@ -102,2 +103,3 @@ className: classNames(styles.arrow, styles.previous, 'd-none d-md-block'),
   children: ChildrenProp,
+  className: PropTypes.string,
   scrollTo: PropTypes.number,
@@ -109,2 +111,3 @@ selectedIndex: PropTypes.number,
   children: null,
+  className: null,
   scrollTo: 0,
@@ -111,0 +114,0 @@ selectedIndex: 0,

package.json

 {
   "name": "@britannica/compendium",
-  "version": "3.0.0-beta.5",
+  "version": "3.0.0-beta.6",
   "main": "./dist/cjs",
@@ -43,3 +43,3 @@ "module": "./dist/es",
     "rimraf": "^2.6.3",
-    "rollup": "^1.14.3",
+    "rollup": "^1.15.0",
     "rollup-plugin-babel": "^4.3.2",
@@ -61,3 +61,4 @@ "rollup-plugin-commonjs": "^10.0.0",
     "pretest": "npm run build",
-    "prepublishOnly": "npm run build"
+    "prepublishOnly": "npm run build",
+    "postpublish": "git push --follow-tags"
   },
@@ -64,0 +65,0 @@ "browserslist": [

README.md

@@ -1,2 +0,2 @@
-# @britannica/compendium
+ # @britannica/compendium
 
@@ -8,3 +8,3 @@ > React component library for Encyclopedia Britannica
 
-`$ npm install --save @britannica/compendium`
+`$ npm install @britannica/compendium`
 
@@ -27,2 +27,3 @@
 - Requires FontAwesome 5 Pro subscription. This must be configured at the project level. [Read more](https://fontawesome.com/how-to-use/on-the-web/setup/using-package-managers#installing-pro)
+- More documentation coming soon.
 
@@ -36,2 +37,3 @@
 - Shave
+- SnapSlider
 - Taparoo
@@ -41,4 +43,16 @@ - Thumbnail
 
+### Hooks
+
+- useForm
+
+
+### Utilities
+
+- ContentfulUtils
+- FormUtils
+- RouteUtils
+
+
 ## License
 
 [MIT](LICENSE).

No alert changes

Improved metrics

Total package byte prevSize

311965

increased by0.39%

Lines of code

7852

increased by0.54%

Number of lines in readme file

55

increased by34.15%

No dependency changes