@2uinc/frontend-enterprise-catalog-search 11.0.2

package/package.json

@@ -0,0 +1,68 @@
+{
+  "name": "@2uinc/frontend-enterprise-catalog-search",
+  "version": "11.0.2",
+  "description": "Components related to Enterprise catalog search.",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/edx/frontend-enterprise.git"
+  },
+  "watch": {
+    "build": {
+      "patterns": [
+        "src"
+      ],
+      "extensions": "js,jsx,ts,tsx"
+    }
+  },
+  "scripts": {
+    "dev": "npx npm-watch build",
+    "clean": "make clean",
+    "build": "make build",
+    "i18n_extract": "BABEL_ENV=i18n fedx-scripts babel src --quiet > /dev/null",
+    "lint": "fedx-scripts eslint --ext .js --ext .jsx --ext .ts --ext .tsx .",
+    "lint:fix": "npm run lint -- --fix",
+    "snapshot": "npm run test -- --updateSnapshot",
+    "test": "fedx-scripts jest --coverage --passWithNoTests",
+    "test:watch": "npm run test -- --watch"
+  },
+  "author": "edX",
+  "license": "AGPL-3.0",
+  "homepage": "https://github.com/edx/frontend-enterprise#readme",
+  "publishConfig": {
+    "access": "public",
+    "directory": "dist"
+  },
+  "bugs": {
+    "url": "https://github.com/edx/frontend-enterprise/issues"
+  },
+  "sideEffects": false,
+  "dependencies": {
+    "@edx/frontend-enterprise-utils": "^10.0.0",
+    "classnames": "^2.5.1",
+    "lodash.debounce": "^4.0.8",
+    "prop-types": "^15.8.1"
+  },
+  "devDependencies": {
+    "@edx/browserslist-config": "^1.5.0",
+    "@edx/frontend-platform": "^8.2.1",
+    "@openedx/frontend-build": "^14.3.1",
+    "@openedx/paragon": "^22.15.1",
+    "@testing-library/dom": "^10.4.0",
+    "@testing-library/jest-dom": "^5.17.0",
+    "@testing-library/react": "^16.2.0",
+    "@testing-library/user-event": "^14.6.1",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "react-instantsearch-dom": "^6.40.4",
+    "react-router-dom": "^6.29.0",
+    "react-test-renderer": "^18.3.1"
+  },
+  "peerDependencies": {
+    "@edx/frontend-platform": "^7.0.0 || ^8.0.0",
+    "@openedx/paragon": "^22.0.0 || ^23.14.1",
+    "react": "^16.12.0 || ^17.0.0 || ^18.0.0",
+    "react-dom": "^16.12.0 || ^17.0.0 || ^18.0.0",
+    "react-instantsearch-dom": "^6.8.3",
+    "react-router-dom": "^6.0.0"
+  }
+}

package/styles/_CurrentRefinements.scss

@@ -0,0 +1,19 @@
+.fe__refinement-badge {
+  border-radius: 0;
+  cursor: pointer;
+
+  &.fe__refinement-badge:first-child {
+    // overrides bootstrap margin for first child
+    margin-left: 0 !important;
+  }
+}
+
+.fe__current-refinement-button--inverse {
+  color: $white;
+}
+
+.fe_current-icon-justify-center {
+  height: 40px;
+  display: flex;
+  align-items: center;
+}

package/styles/_FacetList.scss

@@ -0,0 +1,49 @@
+$facet-dropdown-max-height: 250px;
+
+.facet-list {
+  .dropdown {
+    @extend .mb-3;
+
+    .facet-item-label {
+      font-weight: normal;
+
+      &.is-refined {
+        font-weight: 700;
+      }
+    }
+
+    input:focus + .facet-item-label {
+      text-decoration: underline;
+    }
+
+    .dropdown-menu {
+      max-height: $facet-dropdown-max-height;
+      overflow: scroll;
+      max-width: 420px;
+      width: max-content;
+
+      .dropdown-item {
+        padding-left: 30px;
+        white-space: break-spaces;
+        display: flex;
+        align-items: flex-start;
+      }
+    }
+  }
+  .typeahead {
+    .dropdown-menu {
+      max-height: unset;
+      overflow-y: unset;
+          .typeahead-dropdown-menu-scrollable-items {
+        max-height: $facet-dropdown-max-height;
+        overflow-y: scroll;
+      }
+    }
+  }
+
+}
+
+.bg-brand-primary--default {
+  background-color: $primary-700;
+  color: $white;
+}

package/styles/_MobileSearchFilters.scss

@@ -0,0 +1,59 @@
+.mobile-filter-menu {
+  .modal-dialog {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+    max-width: unset;
+  }
+
+  .modal-header .btn-close {
+    right: 10px;
+    color: $gray-700;
+  }
+
+  .modal-content {
+    height: auto;
+    min-height: 100%;
+    border: 0 none;
+    border-radius: 0;
+    box-shadow: none;
+  }
+
+  .modal-footer {
+    background-color: $gray-200;
+
+    .btn {
+      @extend .flex-grow-1;
+    }
+  }
+
+  .facet-list .dropdown {
+    @extend .mb-0;
+
+    .dropdown-toggle {
+      @extend .border-bottom;
+      @extend .py-3;
+      width: 100%;
+    }
+
+    &:first-child {
+      border: none;
+    }
+
+    .dropdown-menu, .typeahead-dropdown-menu-scrollable-items {
+      position: relative;
+      width: 100%;
+      box-shadow: none;
+      overflow-y: unset;
+      max-height: unset;
+      max-width: unset;
+      border: none;
+      @extend .border-bottom;
+    }
+
+    .dropdown-item {
+      padding-left: 30px;
+    }
+  }
+}

package/styles/_SearchBox.scss

@@ -0,0 +1,8 @@
+.fe__searchbox-col--default {
+  padding: 0;
+
+  .container, .row {
+    padding: 0;
+  }
+}
+

package/styles/_SearchField.scss

@@ -0,0 +1,14 @@
+.fe__searchfield {
+  border-radius: 0 !important;
+}
+
+.fe__searchfield-input-box {
+  @extend .mb-2;
+  @extend .text-brand-primary !optional;
+  @extend .font-weight-normal;
+}
+
+.fe__searchfield--inverse {
+  border: 0 !important;
+  @extend .bg-white;
+}

package/styles/_SearchPagination.scss

@@ -0,0 +1,5 @@
+.pgn__data-table-wrapper {
+  .pagination {
+    margin: 0;
+  }
+}

package/styles/_SearchSuggestions.scss

@@ -0,0 +1,97 @@
+.suggestions {
+  position: absolute;
+  background: white;
+  margin-top: auto;
+  z-index: 1;
+  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
+
+}
+
+.suggestion-item {
+  display: flex;
+  flex-direction: column;
+  margin: 5px 10px 5px 10px;
+  padding: 8px;
+  color: #000;
+  font-size: 75%;
+  white-space: pre-wrap;
+
+  &:hover {
+    color: white;
+    background-color: #000000;
+    text-decoration: none;
+  }
+
+  &:hover span {
+    color: white;
+  }
+
+  em {
+    font-weight: bold;
+    font-style: normal;
+
+    &:hover {
+      color: white;
+    }
+
+    &:not(:first-child) {
+      margin-left: 4px; // add space between _highlightResult.title.value hits
+    }
+  }
+
+  div {
+    display: flex;
+  }
+
+  .authoring-org-badge {
+    line-height: 1.5;
+  }
+
+  .program-type {
+    font-size: .9rem;
+    margin-bottom: 0px;
+  }
+
+}
+
+.prequery-item {
+  margin: 5px 0px;
+  color: #000;
+  white-space: pre-wrap;
+
+  &:hover {
+    color: white;
+    background-color: #000000;
+    text-decoration: none;
+  }
+
+  &:hover span {
+    color: white;
+  }
+}
+
+.prequery-image {
+  width: 40px;
+  height: 40px;
+  margin: 10px 10px;
+  object-fit: cover;
+  border-radius: 0 !important;
+}
+
+.suggestion-heading {
+  color: #707070 !important
+}
+
+.view-all-btn {
+  color: #000;
+  border-radius: 0px;
+
+  &:hover {
+    color: #000;
+  }
+}
+
+.suggestions-section {
+  color: #707070;
+  font-size: .9rem;
+}

package/styles/_index.scss

@@ -0,0 +1,7 @@
+@import "./CurrentRefinements";
+@import "./FacetList";
+@import "./MobileSearchFilters";
+@import "./SearchPagination";
+@import "./SearchField";
+@import "./SearchBox";
+@import "SearchSuggestions";

package/tests/utils.js

@@ -0,0 +1,22 @@
+import React from 'react';
+import { renderWithRouter } from '@edx/frontend-enterprise-utils';
+import { IntlProvider } from '@edx/frontend-platform/i18n';
+import SearchData from '../SearchContext';
+export var renderWithSearchContext = function renderWithSearchContext(children) {
+  return renderWithRouter(/*#__PURE__*/React.createElement(IntlProvider, {
+    locale: "en"
+  }, /*#__PURE__*/React.createElement(SearchData, null, children)));
+};
+export var renderWithSearchContextAndTracking = function renderWithSearchContextAndTracking(children, trackingName) {
+  return renderWithRouter(/*#__PURE__*/React.createElement(IntlProvider, {
+    locale: "en"
+  }, /*#__PURE__*/React.createElement(SearchData, {
+    trackingName: trackingName
+  }, children)));
+};
+export var renderWithIntlProvider = function renderWithIntlProvider(children) {
+  return renderWithRouter(/*#__PURE__*/React.createElement(IntlProvider, {
+    locale: "en"
+  }, children));
+};
+//# sourceMappingURL=utils.js.map

package/tests/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","names":["React","renderWithRouter","IntlProvider","SearchData","renderWithSearchContext","children","createElement","locale","renderWithSearchContextAndTracking","trackingName","renderWithIntlProvider"],"sources":["../../src/tests/utils.jsx"],"sourcesContent":["import React from 'react';\nimport { renderWithRouter } from '@edx/frontend-enterprise-utils';\nimport { IntlProvider } from '@edx/frontend-platform/i18n';\n\nimport SearchData from '../SearchContext';\n\nexport const renderWithSearchContext = (children) => renderWithRouter(\n  <IntlProvider locale=\"en\">\n    <SearchData>\n      {children}\n    </SearchData>\n  </IntlProvider>,\n);\n\nexport const renderWithSearchContextAndTracking = (children, trackingName) => renderWithRouter(\n  <IntlProvider locale=\"en\">\n    <SearchData trackingName={trackingName}>\n      {children}\n    </SearchData>\n  </IntlProvider>,\n);\n\nexport const renderWithIntlProvider = (children) => renderWithRouter(\n  <IntlProvider locale=\"en\">\n    {children}\n  </IntlProvider>,\n);\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,gBAAgB,QAAQ,gCAAgC;AACjE,SAASC,YAAY,QAAQ,6BAA6B;AAE1D,OAAOC,UAAU,MAAM,kBAAkB;AAEzC,OAAO,IAAMC,uBAAuB,GAAG,SAA1BA,uBAAuBA,CAAIC,QAAQ;EAAA,OAAKJ,gBAAgB,cACnED,KAAA,CAAAM,aAAA,CAACJ,YAAY;IAACK,MAAM,EAAC;EAAI,gBACvBP,KAAA,CAAAM,aAAA,CAACH,UAAU,QACRE,QACS,CACA,CAChB,CAAC;AAAA;AAED,OAAO,IAAMG,kCAAkC,GAAG,SAArCA,kCAAkCA,CAAIH,QAAQ,EAAEI,YAAY;EAAA,OAAKR,gBAAgB,cAC5FD,KAAA,CAAAM,aAAA,CAACJ,YAAY;IAACK,MAAM,EAAC;EAAI,gBACvBP,KAAA,CAAAM,aAAA,CAACH,UAAU;IAACM,YAAY,EAAEA;EAAa,GACpCJ,QACS,CACA,CAChB,CAAC;AAAA;AAED,OAAO,IAAMK,sBAAsB,GAAG,SAAzBA,sBAAsBA,CAAIL,QAAQ;EAAA,OAAKJ,gBAAgB,cAClED,KAAA,CAAAM,aAAA,CAACJ,YAAY;IAACK,MAAM,EAAC;EAAI,GACtBF,QACW,CAChB,CAAC;AAAA","ignoreList":[]}

package/utils.js

@@ -0,0 +1,159 @@
+import { defineMessages } from '@edx/frontend-platform/i18n';
+import { features } from './config';
+var messages = defineMessages({
+  skillsTitle: {
+    id: 'search.facetFilters.skills.title',
+    defaultMessage: 'Skills',
+    description: 'Title for the skills facet filter'
+  },
+  skillsTypeaheadPlaceholder: {
+    id: 'search.facetFilters.skills.typeahead.placeholder',
+    defaultMessage: 'Find a skill...',
+    description: 'Placeholder for the skills typeahead input'
+  },
+  skillsTypeaheadAriaLabel: {
+    id: 'search.facetFilters.skills.typeahead.aria.label',
+    defaultMessage: 'Type to find a skill',
+    description: 'Aria label for the skills typeahead input'
+  },
+  subjectsTitle: {
+    id: 'search.facetFilters.subjects.title',
+    defaultMessage: 'Subject',
+    description: 'Title for the subjects facet filter'
+  },
+  subjectsTypeaheadPlaceholder: {
+    id: 'search.facetFilters.subjects.typeahead.placeholder',
+    defaultMessage: 'Find a subject...',
+    description: 'Placeholder for the subjects typeahead input'
+  },
+  subjectsTypeaheadAriaLabel: {
+    id: 'search.facetFilters.subjects.typeahead.aria.label',
+    defaultMessage: 'Type to find a subject',
+    description: 'Aria label for the subjects typeahead input'
+  },
+  partnersTitle: {
+    id: 'search.facetFilters.partners.title',
+    defaultMessage: 'Partner',
+    description: 'Title for the partners facet filter'
+  },
+  partnersTypeaheadPlaceholder: {
+    id: 'search.facetFilters.partners.typeahead.placeholder',
+    defaultMessage: 'Find a partner...',
+    description: 'Placeholder for the partners typeahead input'
+  },
+  partnersTypeaheadAriaLabel: {
+    id: 'search.facetFilters.partners.typeahead.aria.label',
+    defaultMessage: 'Type to find a partner',
+    description: 'Aria label for the partners typeahead input'
+  },
+  programsTitle: {
+    id: 'search.facetFilters.programs.title',
+    defaultMessage: 'Program',
+    description: 'Title for the programs facet filter'
+  },
+  programsTypeaheadPlaceholder: {
+    id: 'search.facetFilters.programs.typeahead.placeholder',
+    defaultMessage: 'Find a program...',
+    description: 'Placeholder for the programs typeahead input'
+  },
+  programsTypeaheadAriaLabel: {
+    id: 'search.facetFilters.programs.typeahead.aria.label',
+    defaultMessage: 'Type to find a program',
+    description: 'Aria label for the programs typeahead input'
+  },
+  levelTitle: {
+    id: 'search.facetFilters.level.title',
+    defaultMessage: 'Level',
+    description: 'Title for the level facet filter'
+  },
+  availabilityTitle: {
+    id: 'search.facetFilters.availability.title',
+    defaultMessage: 'Availability',
+    description: 'Title for the availability facet filter'
+  },
+  languageTitle: {
+    id: 'search.facetFilters.language.title',
+    defaultMessage: 'Language',
+    description: 'Title for the language facet filter'
+  },
+  learningTypeTitle: {
+    id: 'search.facetFilters.learningType.title',
+    defaultMessage: 'Learning Type',
+    description: 'Title for the learning type facet filter'
+  },
+  subtitleTitle: {
+    id: 'search.facetFilters.subtitle.title',
+    defaultMessage: 'Subtitle',
+    description: 'Title for the subtitle facet filter'
+  }
+});
+
+// eslint-disable-next-line import/prefer-default-export
+export function getSearchFacetFilters(intl) {
+  var searchFacetFilters = [{
+    attribute: 'skill_names',
+    title: intl.formatMessage(messages.skillsTitle),
+    typeaheadOptions: {
+      placeholder: intl.formatMessage(messages.skillsTypeaheadPlaceholder),
+      ariaLabel: intl.formatMessage(messages.skillsTypeaheadAriaLabel),
+      minLength: 3
+    }
+  }, {
+    attribute: 'subjects',
+    title: intl.formatMessage(messages.subjectsTitle),
+    typeaheadOptions: {
+      placeholder: intl.formatMessage(messages.subjectsTypeaheadPlaceholder),
+      ariaLabel: intl.formatMessage(messages.subjectsTypeaheadAriaLabel),
+      minLength: 3
+    }
+  }, {
+    attribute: 'partners.name',
+    title: intl.formatMessage(messages.partnersTitle),
+    isSortedAlphabetical: true,
+    typeaheadOptions: {
+      placeholder: intl.formatMessage(messages.partnersTypeaheadPlaceholder),
+      ariaLabel: intl.formatMessage(messages.partnersTypeaheadAriaLabel),
+      minLength: 3
+    }
+  }, {
+    attribute: features.PROGRAM_TITLES_FACET ? 'program_titles' : 'programs',
+    title: intl.formatMessage(messages.programsTitle),
+    isSortedAlphabetical: true,
+    typeaheadOptions: {
+      placeholder: intl.formatMessage(messages.programsTypeaheadPlaceholder),
+      ariaLabel: intl.formatMessage(messages.programsTypeaheadAriaLabel),
+      minLength: 3
+    }
+  }, {
+    attribute: 'level_type',
+    title: intl.formatMessage(messages.levelTitle)
+  }, {
+    attribute: 'availability',
+    title: intl.formatMessage(messages.availabilityTitle)
+  }];
+  if (features.LANGUAGE_FACET) {
+    searchFacetFilters.push({
+      attribute: 'language',
+      title: intl.formatMessage(messages.languageTitle),
+      isSortedAlphabetical: true
+    });
+  }
+  if (features.LEARNING_TYPE_FACET) {
+    searchFacetFilters.push({
+      attribute: 'content_type',
+      title: intl.formatMessage(messages.learningTypeTitle),
+      // algolia won't filter if not passed through connectRefinementsList,
+      // if we add without hiding, there will be a new facet created with courses and programs dropdown items only.
+      noDisplay: true
+    });
+  }
+  if (features.SUBTITLE_FACET) {
+    searchFacetFilters.push({
+      attribute: 'transcript_languages',
+      title: intl.formatMessage(messages.subtitleTitle),
+      isSortedAlphabetical: true
+    });
+  }
+  return searchFacetFilters;
+}
+//# sourceMappingURL=utils.js.map

package/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","names":["defineMessages","features","messages","skillsTitle","id","defaultMessage","description","skillsTypeaheadPlaceholder","skillsTypeaheadAriaLabel","subjectsTitle","subjectsTypeaheadPlaceholder","subjectsTypeaheadAriaLabel","partnersTitle","partnersTypeaheadPlaceholder","partnersTypeaheadAriaLabel","programsTitle","programsTypeaheadPlaceholder","programsTypeaheadAriaLabel","levelTitle","availabilityTitle","languageTitle","learningTypeTitle","subtitleTitle","getSearchFacetFilters","intl","searchFacetFilters","attribute","title","formatMessage","typeaheadOptions","placeholder","ariaLabel","minLength","isSortedAlphabetical","PROGRAM_TITLES_FACET","LANGUAGE_FACET","push","LEARNING_TYPE_FACET","noDisplay","SUBTITLE_FACET"],"sources":["../src/utils.js"],"sourcesContent":["import { defineMessages } from '@edx/frontend-platform/i18n';\nimport { features } from './config';\n\nconst messages = defineMessages({\n  skillsTitle: {\n    id: 'search.facetFilters.skills.title',\n    defaultMessage: 'Skills',\n    description: 'Title for the skills facet filter',\n  },\n  skillsTypeaheadPlaceholder: {\n    id: 'search.facetFilters.skills.typeahead.placeholder',\n    defaultMessage: 'Find a skill...',\n    description: 'Placeholder for the skills typeahead input',\n  },\n  skillsTypeaheadAriaLabel: {\n    id: 'search.facetFilters.skills.typeahead.aria.label',\n    defaultMessage: 'Type to find a skill',\n    description: 'Aria label for the skills typeahead input',\n  },\n  subjectsTitle: {\n    id: 'search.facetFilters.subjects.title',\n    defaultMessage: 'Subject',\n    description: 'Title for the subjects facet filter',\n  },\n  subjectsTypeaheadPlaceholder: {\n    id: 'search.facetFilters.subjects.typeahead.placeholder',\n    defaultMessage: 'Find a subject...',\n    description: 'Placeholder for the subjects typeahead input',\n  },\n  subjectsTypeaheadAriaLabel: {\n    id: 'search.facetFilters.subjects.typeahead.aria.label',\n    defaultMessage: 'Type to find a subject',\n    description: 'Aria label for the subjects typeahead input',\n  },\n  partnersTitle: {\n    id: 'search.facetFilters.partners.title',\n    defaultMessage: 'Partner',\n    description: 'Title for the partners facet filter',\n  },\n  partnersTypeaheadPlaceholder: {\n    id: 'search.facetFilters.partners.typeahead.placeholder',\n    defaultMessage: 'Find a partner...',\n    description: 'Placeholder for the partners typeahead input',\n  },\n  partnersTypeaheadAriaLabel: {\n    id: 'search.facetFilters.partners.typeahead.aria.label',\n    defaultMessage: 'Type to find a partner',\n    description: 'Aria label for the partners typeahead input',\n  },\n  programsTitle: {\n    id: 'search.facetFilters.programs.title',\n    defaultMessage: 'Program',\n    description: 'Title for the programs facet filter',\n  },\n  programsTypeaheadPlaceholder: {\n    id: 'search.facetFilters.programs.typeahead.placeholder',\n    defaultMessage: 'Find a program...',\n    description: 'Placeholder for the programs typeahead input',\n  },\n  programsTypeaheadAriaLabel: {\n    id: 'search.facetFilters.programs.typeahead.aria.label',\n    defaultMessage: 'Type to find a program',\n    description: 'Aria label for the programs typeahead input',\n  },\n  levelTitle: {\n    id: 'search.facetFilters.level.title',\n    defaultMessage: 'Level',\n    description: 'Title for the level facet filter',\n  },\n  availabilityTitle: {\n    id: 'search.facetFilters.availability.title',\n    defaultMessage: 'Availability',\n    description: 'Title for the availability facet filter',\n  },\n  languageTitle: {\n    id: 'search.facetFilters.language.title',\n    defaultMessage: 'Language',\n    description: 'Title for the language facet filter',\n  },\n  learningTypeTitle: {\n    id: 'search.facetFilters.learningType.title',\n    defaultMessage: 'Learning Type',\n    description: 'Title for the learning type facet filter',\n  },\n  subtitleTitle: {\n    id: 'search.facetFilters.subtitle.title',\n    defaultMessage: 'Subtitle',\n    description: 'Title for the subtitle facet filter',\n  },\n});\n\n// eslint-disable-next-line import/prefer-default-export\nexport function getSearchFacetFilters(intl) {\n  const searchFacetFilters = [\n    {\n      attribute: 'skill_names',\n      title: intl.formatMessage(messages.skillsTitle),\n      typeaheadOptions: {\n        placeholder: intl.formatMessage(messages.skillsTypeaheadPlaceholder),\n        ariaLabel: intl.formatMessage(messages.skillsTypeaheadAriaLabel),\n        minLength: 3,\n      },\n    },\n    {\n      attribute: 'subjects',\n      title: intl.formatMessage(messages.subjectsTitle),\n      typeaheadOptions: {\n        placeholder: intl.formatMessage(messages.subjectsTypeaheadPlaceholder),\n        ariaLabel: intl.formatMessage(messages.subjectsTypeaheadAriaLabel),\n        minLength: 3,\n      },\n    },\n    {\n      attribute: 'partners.name',\n      title: intl.formatMessage(messages.partnersTitle),\n      isSortedAlphabetical: true,\n      typeaheadOptions: {\n        placeholder: intl.formatMessage(messages.partnersTypeaheadPlaceholder),\n        ariaLabel: intl.formatMessage(messages.partnersTypeaheadAriaLabel),\n        minLength: 3,\n      },\n    },\n    {\n      attribute: (features.PROGRAM_TITLES_FACET ? 'program_titles' : 'programs'),\n      title: intl.formatMessage(messages.programsTitle),\n      isSortedAlphabetical: true,\n      typeaheadOptions: {\n        placeholder: intl.formatMessage(messages.programsTypeaheadPlaceholder),\n        ariaLabel: intl.formatMessage(messages.programsTypeaheadAriaLabel),\n        minLength: 3,\n      },\n    },\n    {\n      attribute: 'level_type',\n      title: intl.formatMessage(messages.levelTitle),\n    },\n    {\n      attribute: 'availability',\n      title: intl.formatMessage(messages.availabilityTitle),\n    },\n  ];\n\n  if (features.LANGUAGE_FACET) {\n    searchFacetFilters.push({\n      attribute: 'language',\n      title: intl.formatMessage(messages.languageTitle),\n      isSortedAlphabetical: true,\n    });\n  }\n\n  if (features.LEARNING_TYPE_FACET) {\n    searchFacetFilters.push({\n      attribute: 'content_type',\n      title: intl.formatMessage(messages.learningTypeTitle),\n      // algolia won't filter if not passed through connectRefinementsList,\n      // if we add without hiding, there will be a new facet created with courses and programs dropdown items only.\n      noDisplay: true,\n    });\n  }\n\n  if (features.SUBTITLE_FACET) {\n    searchFacetFilters.push({\n      attribute: 'transcript_languages',\n      title: intl.formatMessage(messages.subtitleTitle),\n      isSortedAlphabetical: true,\n    });\n  }\n  return searchFacetFilters;\n}\n"],"mappings":"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","ignoreList":[]}