feat: add hotjar package

README.rst

@@ -8,6 +8,7 @@ frontend-enterprise
 - `@edx/frontend-enterprise-catalog-search </packages/catalog-search>`_
 - `@edx/frontend-enterprise-logistration </packages/logistration>`_
 - `@edx/frontend-enterprise-utils </packages/utils>`_
+- `@edx/frontend-enterprise-hotjar </packages/hotjar>`
 
 Each of these packages is published to NPM and have their own README files. The packages can be found in the ``packages/*`` folder.
 
@@ -92,7 +93,7 @@ Managing package dependencies
 
 Each package in the monorepo contains its own package.json file and unique set of dependencies depending on their needs. However, issues may arise when importing conflicting versions of external packages (e.g., React) in multiple monorepo packages. This is because some dependencies only properly work when there is a single copy of the dependency to ensure the same version is used throughout an application. For example, ``react`` and ``react-dom`` are common offenders here as there can only be one copy of React used at any given time. If a library/app attempts to use more than one copy or differening versions of React, there will be unintended behavior and warnings.
 
-To get around this issue of common/shared dependencies, we can rely on how NPM finds installed packages. If a package does not exist in ``node_modules`` for an individual package, NPM will look in ``node_modules`` further up the directory tree until it finds the package, or gets to the root of the repository. 
+To get around this issue of common/shared dependencies, we can rely on how NPM finds installed packages. If a package does not exist in ``node_modules`` for an individual package, NPM will look in ``node_modules`` further up the directory tree until it finds the package, or gets to the root of the repository.
 
 NPM workspaces helps with this by hoisting installed packages to the root `node_modules` folder where they will be accessible to any package in the monorepo to ensure there is only one copy used throughout. These dependencies are still noted in each individual package.json file as both a peer dependency and a dev dependency.
 

package.json

@@ -16,6 +16,7 @@
     "clean": "npm run clean --workspaces && rm -rf ./node_modules",
     "build": "npm run build --workspaces",
     "test": "npm run test --workspaces",
+    "test:watch": "npm run test:watch --workspaces",
     "lint": "npm run lint --workspaces",
     "lint:fix": "npm run lint:fix --workspaces",
     "changed": "lerna changed"

packages/catalog-search/package.json

@@ -22,7 +22,8 @@
     "lint": "fedx-scripts eslint --ext .js --ext .jsx .",
     "lint:fix": "fedx-scripts eslint --fix --ext .js --ext .jsx .",
     "snapshot": "fedx-scripts jest --updateSnapshot",
-    "test": "fedx-scripts jest --coverage --passWithNoTests"
+    "test": "fedx-scripts jest --coverage --passWithNoTests",
+    "test:watch": "npm run test -- --watch"
   },
   "author": "edX",
   "license": "AGPL-3.0",
@@ -42,8 +43,8 @@
     "prop-types": "15.7.2"
   },
   "devDependencies": {
-    "@edx/browserslist-config": "1.0.0",
-    "@edx/frontend-build": "9.1.4",
+    "@edx/browserslist-config": "1.1.0",
+    "@edx/frontend-build": "11.0.1",
     "@edx/frontend-platform": "1.15.6",
     "@edx/paragon": "19.25.1",
     "@fortawesome/free-solid-svg-icons": "5.8.1",
@@ -60,7 +61,7 @@
   },
   "peerDependencies": {
     "@edx/frontend-platform": "^1.9.6 || ^2.0.0",
-    "@edx/paragon": "^19.15.0",
+    "@edx/paragon": "^19.15.0 || ^20.0.0",
     "@fortawesome/free-solid-svg-icons": "^5.8.1",
     "@fortawesome/react-fontawesome": "^0.1.4",
     "react": "^16.12.0",

packages/catalog-search/src/CurrentRefinements.jsx

@@ -1,3 +1,4 @@
+/* eslint-disable react-hooks/rules-of-hooks */
 import React, { useContext, useMemo, useState } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
@@ -52,7 +53,7 @@ export const CurrentRefinementsBase = ({ items, variant }) => {
       }
       return activeRefinementsAsFlatArray.slice(0, NUM_CURRENT_REFINEMENTS_TO_DISPLAY);
     },
-    [activeRefinementsAsFlatArray, showAllRefinements],
+    [activeRefinementsAsFlatArray, refinements.hide_cards, showAllRefinements],
   );
 
   /**

packages/catalog-search/src/FacetListBase.jsx

@@ -1,3 +1,4 @@
+/* eslint-disable react-hooks/exhaustive-deps */
 import React, { useCallback, useContext } from 'react';
 import PropTypes from 'prop-types';
 

packages/catalog-search/src/SearchBox.jsx

@@ -1,3 +1,4 @@
+/* eslint-disable react-hooks/exhaustive-deps */
 import React, {
   useContext,
   useEffect,

packages/catalog-search/src/SearchContext.jsx

@@ -1,3 +1,4 @@
+/* eslint-disable react-hooks/exhaustive-deps */
 import React, {
   createContext, useReducer, useMemo, useEffect,
 } from 'react';

packages/catalog-search/src/SearchFilters.jsx

@@ -1,3 +1,4 @@
+/* eslint-disable react-hooks/exhaustive-deps */
 import React, { useMemo, useContext } from 'react';
 import PropTypes from 'prop-types';
 import { breakpoints, MediaQuery } from '@edx/paragon';

packages/catalog-search/src/data/hooks.js

@@ -1,3 +1,4 @@
+/* eslint-disable react-hooks/exhaustive-deps */
 import { useMemo, useState, useEffect } from 'react';
 import { isNull } from '@edx/frontend-enterprise-utils';
 

packages/hotjar/.eslintignore

@@ -0,0 +1,5 @@
+coverage
+dist
+node_modules
+__mocks__/
+__snapshots__/

packages/hotjar/.eslintrc.js

@@ -0,0 +1,7 @@
+const { createConfig } = require('@edx/frontend-build');
+const extendESLintConfig = require('../../common/extendESLintConfig');
+
+const config = createConfig('eslint');
+extendESLintConfig(config);
+
+module.exports = config;

packages/hotjar/.gitignore

@@ -0,0 +1,3 @@
+node_modules
+dist
+coverage

packages/hotjar/.npmignore

@@ -0,0 +1,7 @@
+*.config.js*
+coverage
+Makefile
+src/**/*.test.js
+src/**/*.test.jsx
+src/**/tests
+src/**/setupTest.js