@quintype/components 3.8.8-only-react-v19.1 → 3.8.8

package/dist/es/components/with-member.js

@@ -1,29 +1,41 @@
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
+import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
+import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-import _inherits from "@babel/runtime/helpers/inherits";
-function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+
+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); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
 import { bool, func } from "prop-types";
 import React from "react";
 import { connect } from "react-redux";
 import { MEMBER_BEING_LOADED, MEMBER_UPDATED } from '../store/actions';
 import { getRequest } from './api-client';
 var loadedMember = false;
+
 var WithMemberBase = /*#__PURE__*/function (_React$Component) {
+  _inherits(WithMemberBase, _React$Component);
+
+  var _super = /*#__PURE__*/_createSuper(WithMemberBase);
+
   function WithMemberBase(props) {
     var _this;
+
     _classCallCheck(this, WithMemberBase);
-    _this = _callSuper(this, WithMemberBase, [props]);
-    _this.checkForMemberUpdated = _this.checkForMemberUpdated.bind(_this);
+
+    _this = _super.call(this, props);
+    _this.checkForMemberUpdated = _this.checkForMemberUpdated.bind(_assertThisInitialized(_this));
     return _this;
   }
-  _inherits(WithMemberBase, _React$Component);
-  return _createClass(WithMemberBase, [{
+
+  _createClass(WithMemberBase, [{
     key: "checkForMemberUpdated",
     value: function checkForMemberUpdated() {
       var _this2 = this;
+
       this.props.memberBeingLoaded();
       var requestUrl = this.props.isBridgekeeperEnabled ? "/api/auth/v1/users/me" : "/api/v1/members/me";
       return getRequest(requestUrl).forbidden(function () {
@@ -32,8 +44,9 @@ var WithMemberBase = /*#__PURE__*/function (_React$Component) {
         return _this2.props.memberUpdated(null);
       }).json(function (_ref) {
         var member = _ref.member,
-          user = _ref.user;
+            user = _ref.user;
         var memberObj = _this2.props.isBridgekeeperEnabled ? user : member;
+
         _this2.props.memberUpdated(memberObj);
       });
     }
@@ -49,10 +62,10 @@ var WithMemberBase = /*#__PURE__*/function (_React$Component) {
     key: "render",
     value: function render() {
       var _this$props = this.props,
-        member = _this$props.member,
-        logout = _this$props.logout,
-        children = _this$props.children,
-        isLoading = _this$props.isLoading;
+          member = _this$props.member,
+          logout = _this$props.logout,
+          children = _this$props.children,
+          isLoading = _this$props.isLoading;
       return children({
         member: member,
         logout: logout,
@@ -61,19 +74,24 @@ var WithMemberBase = /*#__PURE__*/function (_React$Component) {
       });
     }
   }]);
+
+  return WithMemberBase;
 }(React.Component);
+
 WithMemberBase.defaultProps = {
   isBridgekeeperEnabled: false
 };
+
 function mapStateToProps(_ref2) {
   var member = _ref2.member,
-    memberLoading = _ref2.memberLoading;
+      memberLoading = _ref2.memberLoading;
   return {
     member: member || null,
     // undefined on server side
     isLoading: memberLoading === true || memberLoading === undefined
   };
 }
+
 function mapDispatchToProps(dispatch, ownProps) {
   var logoutRequestUrl = ownProps.isBridgekeeperEnabled ? "/api/auth/v1/logout" : "/api/logout";
   return {
@@ -98,7 +116,6 @@ function mapDispatchToProps(dispatch, ownProps) {
     }
   };
 }
-
 /**
  * This is a render props component which will call your callback with the current logged in member. It will automatically call `/api/v1/members/me` to figure out if you are logged in, and replace the contents in the store and callback. In future, this may use LocalStorage to cache the member for some time.
  *
@@ -127,4 +144,6 @@ function mapDispatchToProps(dispatch, ownProps) {
  * @component
  * @category Login
  */
+
+
 export var WithMember = /*#__PURE__*/connect(mapStateToProps, mapDispatchToProps)(WithMemberBase);

package/dist/es/components/with-preview.js

@@ -1,12 +1,14 @@
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
+import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-import _inherits from "@babel/runtime/helpers/inherits";
-function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-import React from "react";
 
+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); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+import React from "react";
 /**
  * This higher order function can be used for the home or story page preview. It takes a component, and a function to map the story into props suitable for the component
  * 
@@ -35,22 +37,30 @@ import React from "react";
  * @category Other
  * @returns {Component} Component which can be used for preview
  */
+
 export function WithPreview(klazz, updateData) {
   return /*#__PURE__*/function (_React$Component) {
+    _inherits(WithPreviewWrapper, _React$Component);
+
+    var _super = _createSuper(WithPreviewWrapper);
+
     function WithPreviewWrapper(props) {
       var _this;
+
       _classCallCheck(this, WithPreviewWrapper);
-      _this = _callSuper(this, WithPreviewWrapper, [props]);
+
+      _this = _super.call(this, props);
       _this.state = {
         story: null
       };
       return _this;
     }
-    _inherits(WithPreviewWrapper, _React$Component);
-    return _createClass(WithPreviewWrapper, [{
+
+    _createClass(WithPreviewWrapper, [{
       key: "componentDidMount",
       value: function componentDidMount() {
         var _this2 = this;
+
         global.addEventListener("message", function (event) {
           if (event.data && event.data.action == 'reloadStory' && event.data.story) {
             _this2.setState({
@@ -69,10 +79,13 @@ export function WithPreview(klazz, updateData) {
             }
           });
         }
+
         return /*#__PURE__*/React.createElement(klazz, Object.assign({}, this.props, {
           data: updateData(this.props.data, this.state.story)
         }));
       }
     }]);
+
+    return WithPreviewWrapper;
   }(React.Component);
 }

package/dist/es/components/wrap-collection-layout.js

@@ -4,6 +4,7 @@ import get from "lodash/get";
 import { LoadMoreCollectionStories } from "./load-more-collection-stories";
 import { LazyLoadImages } from "./lazy-load-images";
 import { ClientSideOnly } from "./client-side-only";
+
 function loadMoreWrapper(Component, data, enableLoadMoreButton, slug, numStoriesToLoad) {
   return !enableLoadMoreButton ? /*#__PURE__*/React.createElement(Component, data) : /*#__PURE__*/React.createElement(LoadMoreCollectionStories, {
     template: Component,
@@ -15,26 +16,32 @@ function loadMoreWrapper(Component, data, enableLoadMoreButton, slug, numStories
     numStoriesToLoad: numStoriesToLoad
   });
 }
+
 function lazyLoadWrapper(component, _ref) {
   var _ref$lazy_load_images = _ref.lazy_load_images,
-    lazyLoadImages = _ref$lazy_load_images === void 0 ? false : _ref$lazy_load_images;
+      lazyLoadImages = _ref$lazy_load_images === void 0 ? false : _ref$lazy_load_images;
   return !lazyLoadImages ? component : /*#__PURE__*/React.createElement(LazyLoadImages, {}, component);
 }
+
 function clientSideLoadWrapper(component, _ref2) {
   var _ref2$client_side_onl = _ref2.client_side_only,
-    clientSideOnly = _ref2$client_side_onl === void 0 ? false : _ref2$client_side_onl;
+      clientSideOnly = _ref2$client_side_onl === void 0 ? false : _ref2$client_side_onl;
   return !clientSideOnly ? component : /*#__PURE__*/React.createElement(ClientSideOnly, {}, component);
 }
+
 function WrapCollectionComponent(Component) {
   return function (props) {
     if (!props.collection) {
       return /*#__PURE__*/React.createElement("div", null);
     }
+
     var associatedMetadata = props.collection["associated-metadata"] || {};
     var stories = collectionToStories(props.collection);
+
     if (associatedMetadata.initial_stories_load_count) {
       stories = stories.slice(0, associatedMetadata.initial_stories_load_count);
     }
+
     var data = Object.assign({}, props, {
       stories: stories,
       associatedMetadata: associatedMetadata
@@ -45,7 +52,6 @@ function WrapCollectionComponent(Component) {
     }, component);
   };
 }
-
 /**
  * Use this function to wrap a UI for collections, which returns a component handling common behavior, such as only rendering client side, or lazy loading images.
  * This component adds two props: `stories` and `associatedMetadata`
@@ -63,21 +69,25 @@ function WrapCollectionComponent(Component) {
  * @category Collection Page
  * @returns {Component} A component which can be passed collection
  */
+
+
 export function wrapCollectionLayout(component) {
   var wrappedComponent = connect(function (state) {
     return {
       config: state.qt.config
     };
   })(WrapCollectionComponent(component));
+
   if (component.storyLimit) {
     wrappedComponent.storyLimit = component.storyLimit;
   }
+
   if (component.nestedCollectionLimit) {
     wrappedComponent.nestedCollectionLimit = component.nestedCollectionLimit;
   }
+
   return wrappedComponent;
 }
-
 /**
  * Use this function to get the stories from a collection object
  * returns [] if collection doesn't have items key
@@ -86,6 +96,7 @@ export function wrapCollectionLayout(component) {
  * @category Collection Page
  * @returns {Array} An array of stories
  */
+
 export function collectionToStories(collection) {
   if (!collection.items) return [];
   return collection.items.filter(function (item) {
@@ -94,6 +105,7 @@ export function collectionToStories(collection) {
     return replaceWithAlternates(item.story);
   });
 }
+
 function replaceWithAlternates(story) {
   var alternates = get(story, ["alternative", "home", "default"]);
   if (!alternates) return story;

package/dist/es/store/reducers.js

@@ -3,6 +3,7 @@
  */
 import { BREAKING_NEWS_UPDATED, CLIENT_SIDE_RENDERED, PAGE_LOADING, NAVIGATE_TO_PAGE, PAGE_FINISHED_LOADING, HAMBURGER_CLICKED, HAMBURGER_CLOSED, MEMBER_UPDATED, MEMBER_BEING_LOADED, SUBSCRIPTION_GROUP_UPDATED, PAYMENT_OPTIONS_UPDATED, ACCESS_BEING_LOADED, ACCESS_UPDATED, METER_UPDATED, ASSET_PLANS, CAMPAIGN_SUBSCRIPTION_GROUP_UPDATED } from "./actions";
 import { computeAccess } from "../utils";
+
 function setToTrueOnEvent() {
   var events = Array.from(arguments);
   return function () {
@@ -11,142 +12,185 @@ function setToTrueOnEvent() {
     return state || events.includes(action.type);
   };
 }
+
 function breakingNewsReducer() {
   var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
   var action = arguments.length > 1 ? arguments[1] : undefined;
+
   switch (action.type) {
     case BREAKING_NEWS_UPDATED:
       return action.stories;
+
     default:
       return state;
   }
 }
+
 var breakingNewsLoadedReducer = /*#__PURE__*/setToTrueOnEvent(BREAKING_NEWS_UPDATED);
 var clientSideRenderedReducer = /*#__PURE__*/setToTrueOnEvent(CLIENT_SIDE_RENDERED);
+
 function pageLoadingReducer() {
   var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
   var action = arguments.length > 1 ? arguments[1] : undefined;
+
   switch (action.type) {
     case PAGE_LOADING:
       return true;
+
     case NAVIGATE_TO_PAGE:
       return false;
+
     case PAGE_FINISHED_LOADING:
       return false;
+
     default:
       return state;
   }
 }
+
 function hamburgerOpenedReducer() {
   var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
   var action = arguments.length > 1 ? arguments[1] : undefined;
+
   switch (action.type) {
     case HAMBURGER_CLICKED:
       return true;
+
     case HAMBURGER_CLOSED:
       return false;
+
     case NAVIGATE_TO_PAGE:
       return false;
+
     default:
       return state;
   }
 }
+
 function memberReducer() {
   var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
   var action = arguments.length > 1 ? arguments[1] : undefined;
+
   switch (action.type) {
     case MEMBER_UPDATED:
       return action.member;
+
     default:
       return state;
   }
 }
+
 function memberLoadingReducer() {
   var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
   var action = arguments.length > 1 ? arguments[1] : undefined;
+
   switch (action.type) {
     case MEMBER_BEING_LOADED:
       return true;
+
     case MEMBER_UPDATED:
       return false;
+
     default:
       return state;
   }
 }
+
 function subscriptionReducer() {
   var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
   var action = arguments.length > 1 ? arguments[1] : undefined;
+
   switch (action.type) {
     case SUBSCRIPTION_GROUP_UPDATED:
       return action.subscriptions;
+
     default:
       return state;
   }
 }
+
 function paymentOptionsReducer() {
   var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   var action = arguments.length > 1 ? arguments[1] : undefined;
+
   switch (action.type) {
     case PAYMENT_OPTIONS_UPDATED:
       return action.paymentOptions;
+
     default:
       return state;
   }
 }
+
 function accessLoadingReducer() {
   var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
   var action = arguments.length > 1 ? arguments[1] : undefined;
+
   switch (action.type) {
     case ACCESS_BEING_LOADED:
       return action.loading;
+
     default:
       return state;
   }
 }
+
 function accessReducer() {
   var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   var action = arguments.length > 1 ? arguments[1] : undefined;
+
   switch (action.type) {
     case ACCESS_UPDATED:
       return computeAccess(state, action);
+
     default:
       return state;
   }
 }
+
 function meteringReducer() {
   var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : -1;
   var action = arguments.length > 1 ? arguments[1] : undefined;
+
   switch (action.type) {
     case METER_UPDATED:
       return action.meterCount;
+
     default:
       return state;
   }
 }
+
 function assetPlansReducer() {
   var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
   var action = arguments.length > 1 ? arguments[1] : undefined;
+
   switch (action.type) {
     case ASSET_PLANS:
       return action.assetPlans;
+
     default:
       return state;
   }
 }
+
 function campaignSubscriptionReducer() {
   var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
   var action = arguments.length > 1 ? arguments[1] : undefined;
+
   switch (action.type) {
     case CAMPAIGN_SUBSCRIPTION_GROUP_UPDATED:
       return action.campaignSubscriptions;
+
     default:
       return state;
   }
 }
-
 /**
  * ComponentReducers is a list of reducers that are needed by the various components included
  */
+
+
 export var ComponentReducers = {
   breakingNews: breakingNewsReducer,
   breakingNewsLoaded: breakingNewsLoadedReducer,

package/dist/es/utils.js

@@ -1,6 +1,9 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
 // FIXME: TEST THIS
 import get from "lodash/get";
 export function removeDuplicateStories(existingStories, newStories) {
@@ -15,9 +18,8 @@ export function removeDuplicateStories(existingStories, newStories) {
 export function getAssociatedTemplate(_ref) {
   var associatedMetadata = _ref["associated-metadata"];
   return associatedMetadata ? associatedMetadata.layout : "default";
-}
+} // FIXME: TEST THIS
 
-// FIXME: TEST THIS
 export function replaceAllStoriesInCollection(collection, story) {
   var items = (collection.items || []).map(function (item) {
     if (item.type === "story") {
@@ -29,14 +31,13 @@ export function replaceAllStoriesInCollection(collection, story) {
     } else if (item.type === "collection") {
       return replaceAllStoriesInCollection(item, story);
     }
+
     return item;
   });
   return Object.assign({}, collection, {
     items: items
   });
-}
-
-//Helps handle errors with async await pattern
+} //Helps handle errors with async await pattern
 
 export var awaitHelper = function awaitHelper(promise) {
   return promise.then(function (data) {
@@ -71,13 +72,17 @@ export var getQliticsSchema = function getQliticsSchema() {
 export var computeAccess = function computeAccess(previousState, currentState) {
   var currentAccess = get(currentState, ["access"], {});
   var currentStoryId = get(Object.keys(currentAccess), [0], "");
+
   if (currentStoryId in previousState) {
     var storyAccess = previousState[currentStoryId];
+
     if (storyAccess.granted !== currentAccess[currentStoryId].granted || storyAccess.grantReason !== currentAccess[currentStoryId].grantReason) {
       return _objectSpread(_objectSpread({}, previousState), currentAccess);
     }
+
     return previousState;
   }
+
   return _objectSpread(_objectSpread({}, previousState), currentAccess);
 };
 export function initiateNewObserver(targetElement, intersectionCallBack) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@quintype/components",
-  "version": "3.8.8-only-react-v19.1",
+  "version": "3.8.8",
   "description": "Components to help build Quintype Node.js apps",
   "main": "dist/cjs/index.js",
   "module": "dist/es/index.js",
@@ -31,11 +31,11 @@
     "papaparse": "^5.3.1",
     "prop-types": "^15.7.2",
     "quintype-js": "^1.2.1",
-    "react": "^19.1.0",
+    "react": "^16.14.0",
     "react-dailymotion": "^0.4.1",
     "react-dfp": "quintype/react-dfp",
     "react-helmet": "^6.1.0",
-    "react-redux": "^9.1.2",
+    "react-redux": "^7.2.6",
     "react-youtube": "^7.13.1",
     "redux": "^4.1.2",
     "wretch": "^1.7.6"
@@ -50,15 +50,12 @@
     "@babel/plugin-transform-runtime": "^7.16.0",
     "@babel/preset-env": "^7.16.0",
     "@babel/preset-react": "^7.16.0",
-    "@testing-library/dom": "^10.4.1",
-    "@testing-library/jest-dom": "^6.8.0",
-    "@testing-library/react": "^16.3.0",
     "babel-eslint": "^10.0.3",
     "babel-jest": "^27.3.1",
     "babel-plugin-annotate-pure-calls": "^0.4.0",
     "babel-plugin-quintype-assets": "^1.1.1",
     "babel-plugin-transform-react-remove-prop-types": "^0.4.24",
-    "better-docs": "^2.7.3",
+    "better-docs": "^2.3.2",
     "eslint": "^8.2.0",
     "eslint-config-prettier": "^8.3.0",
     "eslint-config-standard": "^16.0.3",
@@ -73,12 +70,12 @@
     "husky": "^7.0.4",
     "jest": "^27.3.1",
     "jest-dom": "^3.2.2",
-    "jsdoc": "^4.0.4",
+    "jsdoc": "^3.6.7",
     "lint-staged": "^11.2.6",
     "onchange": "^7.1.0",
     "parcel-bundler": "^1.12.4",
     "prettier": "2.4.1",
-    "react-dom": "^19.1.0",
+    "react-dom": "^16.14.0",
     "react-testing-library": "^7.0.0",
     "rimraf": "^3.0.2",
     "rollup": "^2.59.0",