@2uinc/frontend-enterprise-catalog-search 11.0.2 → 11.1.0
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.
- package/CHANGELOG.md +14 -0
- package/README.md +5 -5
- package/SearchFilters.js +13 -7
- package/SearchFilters.js.map +1 -1
- package/SearchHeader.js +9 -4
- package/SearchHeader.js.map +1 -1
- package/index.js +1 -0
- package/index.js.map +1 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,20 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
## [11.1.0](https://github.com/edx/frontend-enterprise/compare/@2uinc/frontend-enterprise-catalog-search@11.0.2...@2uinc/frontend-enterprise-catalog-search@11.1.0) (2026-04-27)
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
### Features
|
|
10
|
+
|
|
11
|
+
* support isEndOfRow facets in SearchFilters ([e2acc1e](https://github.com/edx/frontend-enterprise/commit/e2acc1edf44ae96ccf8b809a94d97607e50133c7))
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
### Bug Fixes
|
|
15
|
+
|
|
16
|
+
* publishing new npm packages ([39f18ed](https://github.com/edx/frontend-enterprise/commit/39f18ed01ecaf095230684f5a336afcb454339a4))
|
|
17
|
+
|
|
18
|
+
|
|
19
|
+
|
|
6
20
|
## [11.0.2](https://github.com/openedx/frontend-enterprise/compare/@edx/frontend-enterprise-catalog-search@11.0.1...@edx/frontend-enterprise-catalog-search@11.0.2) (2025-04-25)
|
|
7
21
|
|
|
8
22
|
|
package/README.md
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
@
|
|
1
|
+
@2uinc/frontend-enterprise-catalog-search
|
|
2
2
|
================
|
|
3
3
|
|
|
4
|
-
[](https://codecov.io/gh/edx/frontend-enterprise)
|
|
5
|
+
[](https://www.npmjs.com/package/@2uinc/frontend-enterprise-catalog-search)
|
|
6
|
+
[](https://www.npmjs.com/package/@2uinc/frontend-enterprise-catalog-search)
|
|
7
|
+
[](https://www.npmjs.com/package/@2uinc/frontend-enterprise-catalog-search)
|
|
8
8
|
[](https://github.com/semantic-release/semantic-release)
|
|
9
9
|
|
|
10
10
|
This package exports UI components, React hooks, and actions functions related to Enterprise catalog search using [Algolia](https://algolia.com) as a hosted search backend. It is intended to be used when it is necessary to only show the content available to a particular Enterprise Customer.
|
package/SearchFilters.js
CHANGED
|
@@ -13,12 +13,13 @@ import LearningTypeRadioFacet from './LearningTypeRadioFacet';
|
|
|
13
13
|
export var FREE_ALL_TITLE = 'Free / All';
|
|
14
14
|
var SearchFilters = function SearchFilters(_ref) {
|
|
15
15
|
var variant = _ref.variant,
|
|
16
|
-
enablePathways = _ref.enablePathways
|
|
16
|
+
enablePathways = _ref.enablePathways,
|
|
17
|
+
filterComponents = _ref.filterComponents;
|
|
17
18
|
var _useContext = useContext(SearchContext),
|
|
18
19
|
refinements = _useContext.refinements,
|
|
19
20
|
searchFacetFilters = _useContext.searchFacetFilters;
|
|
20
|
-
var
|
|
21
|
-
|
|
21
|
+
var defaultSearchFacets = useMemo(function () {
|
|
22
|
+
return /*#__PURE__*/React.createElement(React.Fragment, null, searchFacetFilters.map(function (_ref2) {
|
|
22
23
|
var title = _ref2.title,
|
|
23
24
|
attribute = _ref2.attribute,
|
|
24
25
|
isSortedAlphabetical = _ref2.isSortedAlphabetical,
|
|
@@ -44,11 +45,11 @@ var SearchFilters = function SearchFilters(_ref) {
|
|
|
44
45
|
variant: variant,
|
|
45
46
|
noDisplay: noDisplay
|
|
46
47
|
});
|
|
47
|
-
})
|
|
48
|
-
return /*#__PURE__*/React.createElement(React.Fragment, null, filtersFromRefinements, features.LEARNING_TYPE_FACET && /*#__PURE__*/React.createElement(LearningTypeRadioFacet, {
|
|
48
|
+
}), features.LEARNING_TYPE_FACET && /*#__PURE__*/React.createElement(LearningTypeRadioFacet, {
|
|
49
49
|
enablePathways: enablePathways
|
|
50
50
|
}));
|
|
51
51
|
}, [JSON.stringify(refinements)]);
|
|
52
|
+
var searchFacets = filterComponents !== null && filterComponents !== void 0 ? filterComponents : defaultSearchFacets;
|
|
52
53
|
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(MediaQuery, {
|
|
53
54
|
maxWidth: breakpoints.large.maxWidth
|
|
54
55
|
}, /*#__PURE__*/React.createElement(MobileFilterMenu, {
|
|
@@ -63,11 +64,16 @@ var SearchFilters = function SearchFilters(_ref) {
|
|
|
63
64
|
};
|
|
64
65
|
SearchFilters.defaultProps = {
|
|
65
66
|
variant: STYLE_VARIANTS.inverse,
|
|
66
|
-
enablePathways: null
|
|
67
|
+
enablePathways: null,
|
|
68
|
+
filterComponents: null
|
|
67
69
|
};
|
|
68
70
|
SearchFilters.propTypes = {
|
|
69
71
|
variant: PropTypes.oneOf([STYLE_VARIANTS["default"], STYLE_VARIANTS.inverse]),
|
|
70
|
-
enablePathways: PropTypes.bool
|
|
72
|
+
enablePathways: PropTypes.bool,
|
|
73
|
+
// Optional: custom filter content to render in place of the default facet list.
|
|
74
|
+
// Accepts either an array of React elements (consumer-ordered list) or a single node.
|
|
75
|
+
// When provided, the shared layout wrappers (mobile/desktop switch, CurrentRefinements) stay intact.
|
|
76
|
+
filterComponents: PropTypes.node
|
|
71
77
|
};
|
|
72
78
|
export default SearchFilters;
|
|
73
79
|
//# sourceMappingURL=SearchFilters.js.map
|
package/SearchFilters.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SearchFilters.js","names":["React","useMemo","useContext","PropTypes","breakpoints","MediaQuery","FacetListRefinement","CurrentRefinements","MobileFilterMenu","STYLE_VARIANTS","sortItemsByLabelAsc","SearchContext","features","LearningTypeRadioFacet","FREE_ALL_TITLE","SearchFilters","_ref","variant","enablePathways","_useContext","refinements","searchFacetFilters","
|
|
1
|
+
{"version":3,"file":"SearchFilters.js","names":["React","useMemo","useContext","PropTypes","breakpoints","MediaQuery","FacetListRefinement","CurrentRefinements","MobileFilterMenu","STYLE_VARIANTS","sortItemsByLabelAsc","SearchContext","features","LearningTypeRadioFacet","FREE_ALL_TITLE","SearchFilters","_ref","variant","enablePathways","filterComponents","_useContext","refinements","searchFacetFilters","defaultSearchFacets","createElement","Fragment","map","_ref2","title","attribute","isSortedAlphabetical","typeaheadOptions","noDisplay","key","limit","transformItems","items","defaultRefinement","facetValueType","searchable","LEARNING_TYPE_FACET","JSON","stringify","searchFacets","maxWidth","large","className","minWidth","extraLarge","defaultProps","inverse","propTypes","oneOf","bool","node"],"sources":["../src/SearchFilters.jsx"],"sourcesContent":["/* eslint-disable react-hooks/exhaustive-deps */\nimport React, { useMemo, useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport { breakpoints, MediaQuery } from '@openedx/paragon';\n\nimport FacetListRefinement from './FacetListRefinement';\nimport CurrentRefinements from './CurrentRefinements';\n\nimport MobileFilterMenu from './MobileFilterMenu';\n\nimport { STYLE_VARIANTS } from './data/constants';\nimport { sortItemsByLabelAsc } from './data/utils';\n\nimport { SearchContext } from './SearchContext';\nimport { features } from './config';\nimport LearningTypeRadioFacet from './LearningTypeRadioFacet';\n\nexport const FREE_ALL_TITLE = 'Free / All';\n\nconst SearchFilters = ({ variant, enablePathways, filterComponents }) => {\n const { refinements, searchFacetFilters } = useContext(SearchContext);\n\n const defaultSearchFacets = useMemo(\n () => (\n <>\n {searchFacetFilters.map(({\n title, attribute, isSortedAlphabetical, typeaheadOptions, noDisplay,\n }) => (\n <FacetListRefinement\n key={attribute}\n title={title}\n attribute={attribute}\n limit={300} // this is replicating the B2C search experience\n transformItems={(items) => {\n if (isSortedAlphabetical) {\n return sortItemsByLabelAsc(items);\n }\n return items;\n }}\n refinements={refinements}\n defaultRefinement={refinements[attribute]}\n facetValueType=\"array\"\n typeaheadOptions={typeaheadOptions}\n searchable={!!typeaheadOptions}\n variant={variant}\n noDisplay={noDisplay}\n />\n ))}\n {features.LEARNING_TYPE_FACET && (<LearningTypeRadioFacet enablePathways={enablePathways} />)}\n </>\n ),\n [JSON.stringify(refinements)],\n );\n\n const searchFacets = filterComponents ?? defaultSearchFacets;\n\n return (\n <>\n <MediaQuery maxWidth={breakpoints.large.maxWidth}>\n <MobileFilterMenu className=\"mb-3\">\n {searchFacets}\n </MobileFilterMenu>\n </MediaQuery>\n <MediaQuery minWidth={breakpoints.extraLarge.minWidth}>\n <>\n <div className=\"d-flex\">\n {searchFacets}\n </div>\n <CurrentRefinements variant={variant} />\n </>\n </MediaQuery>\n </>\n );\n};\n\nSearchFilters.defaultProps = {\n variant: STYLE_VARIANTS.inverse,\n enablePathways: null,\n filterComponents: null,\n};\n\nSearchFilters.propTypes = {\n variant: PropTypes.oneOf([STYLE_VARIANTS.default, STYLE_VARIANTS.inverse]),\n enablePathways: PropTypes.bool,\n // Optional: custom filter content to render in place of the default facet list.\n // Accepts either an array of React elements (consumer-ordered list) or a single node.\n // When provided, the shared layout wrappers (mobile/desktop switch, CurrentRefinements) stay intact.\n filterComponents: PropTypes.node,\n};\n\nexport default SearchFilters;\n"],"mappings":"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","ignoreList":[]}
|
package/SearchHeader.js
CHANGED
|
@@ -27,7 +27,8 @@ var SearchHeader = function SearchHeader(_ref) {
|
|
|
27
27
|
slug = _ref$enterpriseConfig.slug,
|
|
28
28
|
enablePathways = _ref$enterpriseConfig.enablePathways,
|
|
29
29
|
disableSuggestionRedirect = _ref.disableSuggestionRedirect,
|
|
30
|
-
hideSearchBox = _ref.hideSearchBox
|
|
30
|
+
hideSearchBox = _ref.hideSearchBox,
|
|
31
|
+
filterComponents = _ref.filterComponents;
|
|
31
32
|
var _useContext = useContext(SearchContext),
|
|
32
33
|
refinements = _useContext.refinements;
|
|
33
34
|
var searchQueryFromRefinements;
|
|
@@ -78,7 +79,8 @@ var SearchHeader = function SearchHeader(_ref) {
|
|
|
78
79
|
}, /*#__PURE__*/React.createElement(SearchFilters, {
|
|
79
80
|
className: "mb-3",
|
|
80
81
|
variant: variant,
|
|
81
|
-
enablePathways: enablePathways
|
|
82
|
+
enablePathways: enablePathways,
|
|
83
|
+
filterComponents: filterComponents
|
|
82
84
|
})))));
|
|
83
85
|
};
|
|
84
86
|
SearchHeader.defaultProps = {
|
|
@@ -94,7 +96,8 @@ SearchHeader.defaultProps = {
|
|
|
94
96
|
suggestionSubmitOverride: undefined,
|
|
95
97
|
disableSuggestionRedirect: false,
|
|
96
98
|
index: undefined,
|
|
97
|
-
hideSearchBox: false
|
|
99
|
+
hideSearchBox: false,
|
|
100
|
+
filterComponents: null
|
|
98
101
|
};
|
|
99
102
|
SearchHeader.propTypes = {
|
|
100
103
|
headerTitle: PropTypes.string,
|
|
@@ -111,7 +114,9 @@ SearchHeader.propTypes = {
|
|
|
111
114
|
}),
|
|
112
115
|
suggestionSubmitOverride: PropTypes.func,
|
|
113
116
|
disableSuggestionRedirect: PropTypes.bool,
|
|
114
|
-
hideSearchBox: PropTypes.bool
|
|
117
|
+
hideSearchBox: PropTypes.bool,
|
|
118
|
+
// Optional: custom filter content to render in place of the default SearchFilters facet list.
|
|
119
|
+
filterComponents: PropTypes.node
|
|
115
120
|
};
|
|
116
121
|
export default SearchHeader;
|
|
117
122
|
//# sourceMappingURL=SearchHeader.js.map
|
package/SearchHeader.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SearchHeader.js","names":["React","useContext","PropTypes","Container","Row","Col","classNames","SearchBox","SearchFilters","STYLE_VARIANTS","SearchContext","searchHeaderTestId","searchBoxColTestId","filtersColTestId","SearchHeader","_ref","variant","containerSize","headerTitle","hideTitle","index","filters","suggestionSubmitOverride","_ref$enterpriseConfig","enterpriseConfig","slug","enablePathways","disableSuggestionRedirect","hideSearchBox","_useContext","refinements","searchQueryFromRefinements","Array","isArray","q","_refinements$q","_slicedToArray","modifiedFilters","concat","createElement","className","inverse","size","xs","md","defaultRefinement","enterpriseSlug","defaultProps","undefined","propTypes","string","oneOf","bool","shape","search","func","isRequired"],"sources":["../src/SearchHeader.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport { Container, Row, Col } from '@openedx/paragon';\nimport classNames from 'classnames';\n\nimport SearchBox from './SearchBox';\nimport SearchFilters from './SearchFilters';\nimport { STYLE_VARIANTS } from './data/constants';\n\nimport { SearchContext } from './SearchContext';\n\nexport const searchHeaderTestId = 'search-header';\nexport const searchBoxColTestId = 'search-box-col';\nexport const filtersColTestId = 'filters-col';\n\nconst SearchHeader = ({\n variant,\n containerSize,\n headerTitle,\n hideTitle,\n index,\n filters,\n suggestionSubmitOverride,\n enterpriseConfig: { slug, enablePathways },\n disableSuggestionRedirect,\n hideSearchBox,\n}) => {\n const { refinements } = useContext(SearchContext);\n let searchQueryFromRefinements;\n // Sometimes the query is set to an array of one string instead of just the string\n if (Array.isArray(refinements.q)) {\n [searchQueryFromRefinements] = refinements.q;\n } else {\n searchQueryFromRefinements = refinements.q;\n }\n\n // Add filter to only include course and program content_types\n // as we are currently not supporting videos and pathways\n const modifiedFilters = filters\n ? `${filters} AND (content_type:\"course\" OR content_type:\"program\")`\n : '(content_type:\"course\" OR content_type:\"program\")';\n\n return (\n <div\n data-testid={searchHeaderTestId}\n className={classNames({ 'bg-brand-primary': variant === STYLE_VARIANTS.inverse })}\n >\n <Container size={containerSize}>\n <Row className=\"pt-4 pb-3\">\n <Col\n data-testid={searchBoxColTestId}\n className={classNames('fe__searchbox-col', { 'fe__searchbox-col--default': variant === STYLE_VARIANTS.default })}\n xs={12}\n md={8}\n >\n {!hideSearchBox && (\n <SearchBox\n className=\"mb-4\"\n defaultRefinement={searchQueryFromRefinements}\n variant={variant}\n headerTitle={headerTitle}\n hideTitle={hideTitle}\n index={index}\n filters={modifiedFilters}\n enterpriseSlug={slug}\n suggestionSubmitOverride={suggestionSubmitOverride}\n disableSuggestionRedirect={disableSuggestionRedirect}\n />\n )}\n </Col>\n <Col\n data-testid={filtersColTestId}\n className={classNames('fe__searchbox-col', { 'fe__searchbox-col--default': variant === STYLE_VARIANTS.default })}\n xs={12}\n >\n <SearchFilters
|
|
1
|
+
{"version":3,"file":"SearchHeader.js","names":["React","useContext","PropTypes","Container","Row","Col","classNames","SearchBox","SearchFilters","STYLE_VARIANTS","SearchContext","searchHeaderTestId","searchBoxColTestId","filtersColTestId","SearchHeader","_ref","variant","containerSize","headerTitle","hideTitle","index","filters","suggestionSubmitOverride","_ref$enterpriseConfig","enterpriseConfig","slug","enablePathways","disableSuggestionRedirect","hideSearchBox","filterComponents","_useContext","refinements","searchQueryFromRefinements","Array","isArray","q","_refinements$q","_slicedToArray","modifiedFilters","concat","createElement","className","inverse","size","xs","md","defaultRefinement","enterpriseSlug","defaultProps","undefined","propTypes","string","oneOf","bool","shape","search","func","isRequired","node"],"sources":["../src/SearchHeader.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport { Container, Row, Col } from '@openedx/paragon';\nimport classNames from 'classnames';\n\nimport SearchBox from './SearchBox';\nimport SearchFilters from './SearchFilters';\nimport { STYLE_VARIANTS } from './data/constants';\n\nimport { SearchContext } from './SearchContext';\n\nexport const searchHeaderTestId = 'search-header';\nexport const searchBoxColTestId = 'search-box-col';\nexport const filtersColTestId = 'filters-col';\n\nconst SearchHeader = ({\n variant,\n containerSize,\n headerTitle,\n hideTitle,\n index,\n filters,\n suggestionSubmitOverride,\n enterpriseConfig: { slug, enablePathways },\n disableSuggestionRedirect,\n hideSearchBox,\n filterComponents,\n}) => {\n const { refinements } = useContext(SearchContext);\n let searchQueryFromRefinements;\n // Sometimes the query is set to an array of one string instead of just the string\n if (Array.isArray(refinements.q)) {\n [searchQueryFromRefinements] = refinements.q;\n } else {\n searchQueryFromRefinements = refinements.q;\n }\n\n // Add filter to only include course and program content_types\n // as we are currently not supporting videos and pathways\n const modifiedFilters = filters\n ? `${filters} AND (content_type:\"course\" OR content_type:\"program\")`\n : '(content_type:\"course\" OR content_type:\"program\")';\n\n return (\n <div\n data-testid={searchHeaderTestId}\n className={classNames({ 'bg-brand-primary': variant === STYLE_VARIANTS.inverse })}\n >\n <Container size={containerSize}>\n <Row className=\"pt-4 pb-3\">\n <Col\n data-testid={searchBoxColTestId}\n className={classNames('fe__searchbox-col', { 'fe__searchbox-col--default': variant === STYLE_VARIANTS.default })}\n xs={12}\n md={8}\n >\n {!hideSearchBox && (\n <SearchBox\n className=\"mb-4\"\n defaultRefinement={searchQueryFromRefinements}\n variant={variant}\n headerTitle={headerTitle}\n hideTitle={hideTitle}\n index={index}\n filters={modifiedFilters}\n enterpriseSlug={slug}\n suggestionSubmitOverride={suggestionSubmitOverride}\n disableSuggestionRedirect={disableSuggestionRedirect}\n />\n )}\n </Col>\n <Col\n data-testid={filtersColTestId}\n className={classNames('fe__searchbox-col', { 'fe__searchbox-col--default': variant === STYLE_VARIANTS.default })}\n xs={12}\n >\n <SearchFilters\n className=\"mb-3\"\n variant={variant}\n enablePathways={enablePathways}\n filterComponents={filterComponents}\n />\n </Col>\n </Row>\n </Container>\n </div>\n );\n};\n\nSearchHeader.defaultProps = {\n variant: STYLE_VARIANTS.inverse,\n containerSize: null,\n headerTitle: undefined,\n hideTitle: false,\n filters: '',\n enterpriseConfig: { slug: undefined, enablePathways: undefined },\n suggestionSubmitOverride: undefined,\n disableSuggestionRedirect: false,\n index: undefined,\n hideSearchBox: false,\n filterComponents: null,\n};\n\nSearchHeader.propTypes = {\n headerTitle: PropTypes.string,\n containerSize: PropTypes.string,\n variant: PropTypes.oneOf([STYLE_VARIANTS.default, STYLE_VARIANTS.inverse]),\n hideTitle: PropTypes.bool,\n index: PropTypes.shape({ search: PropTypes.func.isRequired }),\n filters: PropTypes.string,\n enterpriseConfig: PropTypes.shape(\n {\n slug: PropTypes.string,\n enablePathways: PropTypes.bool,\n },\n ),\n suggestionSubmitOverride: PropTypes.func,\n disableSuggestionRedirect: PropTypes.bool,\n hideSearchBox: PropTypes.bool,\n // Optional: custom filter content to render in place of the default SearchFilters facet list.\n filterComponents: PropTypes.node,\n};\n\nexport default SearchHeader;\n"],"mappings":"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","ignoreList":[]}
|
package/index.js
CHANGED
|
@@ -2,6 +2,7 @@ export { default as SearchData, SearchContext } from './SearchContext';
|
|
|
2
2
|
export { default as SearchHeader } from './SearchHeader';
|
|
3
3
|
export { default as SearchPagination } from './SearchPagination';
|
|
4
4
|
export { default as FacetListRefinement } from './FacetListRefinement';
|
|
5
|
+
export { default as LearningTypeRadioFacet } from './LearningTypeRadioFacet';
|
|
5
6
|
export { SEARCH_FACET_FILTERS, SHOW_ALL_NAME } from './data/constants';
|
|
6
7
|
export { useNbHitsFromSearchResults, getCatalogString } from './data/hooks';
|
|
7
8
|
export { addToRefinementArray, deleteRefinementAction, removeFromRefinementArray, setMultipleRefinementsAction, setRefinementAction, clearRefinementsAction } from './data/actions';
|
package/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["default","SearchData","SearchContext","SearchHeader","SearchPagination","FacetListRefinement","SEARCH_FACET_FILTERS","SHOW_ALL_NAME","useNbHitsFromSearchResults","getCatalogString","addToRefinementArray","deleteRefinementAction","removeFromRefinementArray","setMultipleRefinementsAction","setRefinementAction","clearRefinementsAction","getSearchFacetFilters"],"sources":["../src/index.js"],"sourcesContent":["export { default as SearchData, SearchContext } from './SearchContext';\nexport { default as SearchHeader } from './SearchHeader';\nexport { default as SearchPagination } from './SearchPagination';\nexport { default as FacetListRefinement } from './FacetListRefinement';\n\nexport {\n SEARCH_FACET_FILTERS,\n SHOW_ALL_NAME,\n} from './data/constants';\n\nexport {\n useNbHitsFromSearchResults,\n getCatalogString,\n} from './data/hooks';\n\nexport {\n addToRefinementArray,\n deleteRefinementAction,\n removeFromRefinementArray,\n setMultipleRefinementsAction,\n setRefinementAction,\n clearRefinementsAction,\n} from './data/actions';\n\nexport {\n getSearchFacetFilters,\n} from './utils';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,UAAU,EAAEC,aAAa,QAAQ,iBAAiB;AACtE,SAASF,OAAO,IAAIG,YAAY,QAAQ,gBAAgB;AACxD,SAASH,OAAO,IAAII,gBAAgB,QAAQ,oBAAoB;AAChE,SAASJ,OAAO,IAAIK,mBAAmB,QAAQ,uBAAuB;
|
|
1
|
+
{"version":3,"file":"index.js","names":["default","SearchData","SearchContext","SearchHeader","SearchPagination","FacetListRefinement","LearningTypeRadioFacet","SEARCH_FACET_FILTERS","SHOW_ALL_NAME","useNbHitsFromSearchResults","getCatalogString","addToRefinementArray","deleteRefinementAction","removeFromRefinementArray","setMultipleRefinementsAction","setRefinementAction","clearRefinementsAction","getSearchFacetFilters"],"sources":["../src/index.js"],"sourcesContent":["export { default as SearchData, SearchContext } from './SearchContext';\nexport { default as SearchHeader } from './SearchHeader';\nexport { default as SearchPagination } from './SearchPagination';\nexport { default as FacetListRefinement } from './FacetListRefinement';\nexport { default as LearningTypeRadioFacet } from './LearningTypeRadioFacet';\n\nexport {\n SEARCH_FACET_FILTERS,\n SHOW_ALL_NAME,\n} from './data/constants';\n\nexport {\n useNbHitsFromSearchResults,\n getCatalogString,\n} from './data/hooks';\n\nexport {\n addToRefinementArray,\n deleteRefinementAction,\n removeFromRefinementArray,\n setMultipleRefinementsAction,\n setRefinementAction,\n clearRefinementsAction,\n} from './data/actions';\n\nexport {\n getSearchFacetFilters,\n} from './utils';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,UAAU,EAAEC,aAAa,QAAQ,iBAAiB;AACtE,SAASF,OAAO,IAAIG,YAAY,QAAQ,gBAAgB;AACxD,SAASH,OAAO,IAAII,gBAAgB,QAAQ,oBAAoB;AAChE,SAASJ,OAAO,IAAIK,mBAAmB,QAAQ,uBAAuB;AACtE,SAASL,OAAO,IAAIM,sBAAsB,QAAQ,0BAA0B;AAE5E,SACEC,oBAAoB,EACpBC,aAAa,QACR,kBAAkB;AAEzB,SACEC,0BAA0B,EAC1BC,gBAAgB,QACX,cAAc;AAErB,SACEC,oBAAoB,EACpBC,sBAAsB,EACtBC,yBAAyB,EACzBC,4BAA4B,EAC5BC,mBAAmB,EACnBC,sBAAsB,QACjB,gBAAgB;AAEvB,SACEC,qBAAqB,QAChB,SAAS","ignoreList":[]}
|