@4alldigital/foundation-ui--gamma 1.31.9 → 1.31.10

package/dist/index.esm.js

@@ -982,42 +982,21 @@ function Result(_a) {
 }
 Result.displayName = 'Result';
 
-var connector = new ElasticSearchAPIConnector({
-    host: process.env.REACT_ELASTICSEARCH_HOST,
-    index: process.env.REACT_ELASTICSEARCH_INDEX || '',
-    apiKey: process.env.REACT_ELASTICSEARCH_API_KEY,
-});
-var SORT_OPTIONS = [
-    {
-        name: 'Relevance',
-        value: [],
-    },
-    {
-        name: 'Title',
-        value: [
-            {
-                field: 'title.keyword',
-                direction: 'asc',
-            },
-        ],
-    },
-    {
-        name: 'Created',
-        value: [
-            {
-                field: 'created',
-                direction: 'desc',
-            },
-        ],
-    },
-];
 function Search(_a) {
-    var _b = _a.showOptions, showOptions = _b === void 0 ? [10, 25, 50] : _b, _c = _a.resultAs, resultAs = _c === void 0 ? ResultAsTypes.cardBasic : _c, ResultFieldMap = _a.ResultFieldMap, _d = _a.config, config = _d === void 0 ? {
+    var _b = _a.showOptions, showOptions = _b === void 0 ? [10, 25, 50] : _b, sortOptions = _a.sortOptions, _c = _a.resultAs, resultAs = _c === void 0 ? ResultAsTypes.cardBasic : _c, ResultFieldMap = _a.ResultFieldMap, _d = _a.config, config = _d === void 0 ? {
         filters: [],
         facets: {},
         searchFields: {},
         resultsFields: {},
-    } : _d, _e = _a.facetDisplay, facetDisplay = _e === void 0 ? [] : _e, _f = _a.noSidebar, noSidebar = _f === void 0 ? false : _f;
+    } : _d, _e = _a.facetDisplay, facetDisplay = _e === void 0 ? [] : _e, _f = _a.noSidebar, noSidebar = _f === void 0 ? false : _f, customConnector = _a.customConnector;
+    var connector = useMemo(function () {
+        var defaultConnector = {
+            host: process.env.REACT_ELASTICSEARCH_HOST,
+            index: process.env.REACT_ELASTICSEARCH_INDEX || '',
+            apiKey: process.env.REACT_ELASTICSEARCH_API_KEY,
+        };
+        return new ElasticSearchAPIConnector(customConnector || defaultConnector);
+    }, []);
     var searchConfig = useMemo(function () {
         return {
             debug: true,
@@ -1066,7 +1045,7 @@ function Search(_a) {
                 });
             }, children: function (_a) {
                 var wasSearched = _a.wasSearched;
-                return (jsx("div", { className: "App", children: jsx(ErrorBoundary, { children: jsx(Layout, { header: jsx(SearchBox$1, { view: SearchBox }), sideContent: !noSidebar && (jsxs("div", { children: [wasSearched && jsx(Sorting$1, { label: 'Sort by', sortOptions: SORT_OPTIONS, view: Sorting }), facetDisplay.map(function (_a) {
+                return (jsx("div", { className: "App", children: jsx(ErrorBoundary, { children: jsx(Layout, { header: jsx(SearchBox$1, { view: SearchBox }), sideContent: !noSidebar && (jsxs("div", { children: [wasSearched && jsx(Sorting$1, { label: 'Sort by', sortOptions: sortOptions, view: Sorting }), facetDisplay.map(function (_a) {
                                         var field = _a.field, label = _a.label, view = _a.view;
                                         return (jsx(Facet, { field: field, label: label, view: view }, field));
                                     })] })), bodyContent: jsx(Results$1, { shouldTrackClickThrough: false, resultView: function (props) { return jsx(Result, __assign({}, props, { as: resultAs, cardMap: ResultFieldMap })); }, className: "list-none p-0 m-0", view: Results }), bodyHeader: jsxs(React.Fragment, { children: [wasSearched && jsx(PagingInfo$1, { view: PagingInfo }), wasSearched && jsx(ResultsPerPage$1, { view: ResultsPerPage, options: showOptions })] }), bodyFooter: jsx(Paging$1, { view: Paging }), noSidebar: noSidebar }) }) }));

package/dist/index.js

@@ -984,42 +984,21 @@ function Result(_a) {
 }
 Result.displayName = 'Result';
 
-var connector = new ElasticSearchAPIConnector({
-    host: process.env.REACT_ELASTICSEARCH_HOST,
-    index: process.env.REACT_ELASTICSEARCH_INDEX || '',
-    apiKey: process.env.REACT_ELASTICSEARCH_API_KEY,
-});
-var SORT_OPTIONS = [
-    {
-        name: 'Relevance',
-        value: [],
-    },
-    {
-        name: 'Title',
-        value: [
-            {
-                field: 'title.keyword',
-                direction: 'asc',
-            },
-        ],
-    },
-    {
-        name: 'Created',
-        value: [
-            {
-                field: 'created',
-                direction: 'desc',
-            },
-        ],
-    },
-];
 function Search(_a) {
-    var _b = _a.showOptions, showOptions = _b === void 0 ? [10, 25, 50] : _b, _c = _a.resultAs, resultAs = _c === void 0 ? exports.ResultAsTypes.cardBasic : _c, ResultFieldMap = _a.ResultFieldMap, _d = _a.config, config = _d === void 0 ? {
+    var _b = _a.showOptions, showOptions = _b === void 0 ? [10, 25, 50] : _b, sortOptions = _a.sortOptions, _c = _a.resultAs, resultAs = _c === void 0 ? exports.ResultAsTypes.cardBasic : _c, ResultFieldMap = _a.ResultFieldMap, _d = _a.config, config = _d === void 0 ? {
         filters: [],
         facets: {},
         searchFields: {},
         resultsFields: {},
-    } : _d, _e = _a.facetDisplay, facetDisplay = _e === void 0 ? [] : _e, _f = _a.noSidebar, noSidebar = _f === void 0 ? false : _f;
+    } : _d, _e = _a.facetDisplay, facetDisplay = _e === void 0 ? [] : _e, _f = _a.noSidebar, noSidebar = _f === void 0 ? false : _f, customConnector = _a.customConnector;
+    var connector = React.useMemo(function () {
+        var defaultConnector = {
+            host: process.env.REACT_ELASTICSEARCH_HOST,
+            index: process.env.REACT_ELASTICSEARCH_INDEX || '',
+            apiKey: process.env.REACT_ELASTICSEARCH_API_KEY,
+        };
+        return new ElasticSearchAPIConnector(customConnector || defaultConnector);
+    }, []);
     var searchConfig = React.useMemo(function () {
         return {
             debug: true,
@@ -1068,7 +1047,7 @@ function Search(_a) {
                 });
             }, children: function (_a) {
                 var wasSearched = _a.wasSearched;
-                return (jsxRuntime.jsx("div", { className: "App", children: jsxRuntime.jsx(reactSearchUi.ErrorBoundary, { children: jsxRuntime.jsx(Layout, { header: jsxRuntime.jsx(reactSearchUi.SearchBox, { view: SearchBox }), sideContent: !noSidebar && (jsxRuntime.jsxs("div", { children: [wasSearched && jsxRuntime.jsx(reactSearchUi.Sorting, { label: 'Sort by', sortOptions: SORT_OPTIONS, view: Sorting }), facetDisplay.map(function (_a) {
+                return (jsxRuntime.jsx("div", { className: "App", children: jsxRuntime.jsx(reactSearchUi.ErrorBoundary, { children: jsxRuntime.jsx(Layout, { header: jsxRuntime.jsx(reactSearchUi.SearchBox, { view: SearchBox }), sideContent: !noSidebar && (jsxRuntime.jsxs("div", { children: [wasSearched && jsxRuntime.jsx(reactSearchUi.Sorting, { label: 'Sort by', sortOptions: sortOptions, view: Sorting }), facetDisplay.map(function (_a) {
                                         var field = _a.field, label = _a.label, view = _a.view;
                                         return (jsxRuntime.jsx(reactSearchUi.Facet, { field: field, label: label, view: view }, field));
                                     })] })), bodyContent: jsxRuntime.jsx(reactSearchUi.Results, { shouldTrackClickThrough: false, resultView: function (props) { return jsxRuntime.jsx(Result, __assign({}, props, { as: resultAs, cardMap: ResultFieldMap })); }, className: "list-none p-0 m-0", view: Results }), bodyHeader: jsxRuntime.jsxs(React.Fragment, { children: [wasSearched && jsxRuntime.jsx(reactSearchUi.PagingInfo, { view: PagingInfo }), wasSearched && jsxRuntime.jsx(reactSearchUi.ResultsPerPage, { view: ResultsPerPage, options: showOptions })] }), bodyFooter: jsxRuntime.jsx(reactSearchUi.Paging, { view: Paging }), noSidebar: noSidebar }) }) }));

package/dist/types/fui/features/Search/Search.d.ts

@@ -2,4 +2,4 @@ import React from 'react';
 import '@elastic/eui/dist/eui_theme_light.css';
 import '@elastic/react-search-ui-views/lib/styles/styles.css';
 import { Props } from './Search.types';
-export default function Search({ showOptions, resultAs, ResultFieldMap, config, facetDisplay, noSidebar, }: Props): React.ReactElement;
+export default function Search({ showOptions, sortOptions, resultAs, ResultFieldMap, config, facetDisplay, noSidebar, customConnector, }: Props): React.ReactElement;

package/dist/types/fui/features/Search/Search.types.d.ts

@@ -13,6 +13,7 @@ interface FacetDisplay {
 export interface Props {
     custom: string;
     showOptions: number[];
+    sortOptions?: any[];
     resultAs: ResultAsTypes;
     ResultFieldMap?: cardMap;
     config: {
@@ -23,5 +24,10 @@ export interface Props {
     };
     facetDisplay: FacetDisplay[];
     noSidebar: boolean;
+    customConnector?: {
+        host: string;
+        index: string;
+        apiKey: string;
+    };
 }
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@4alldigital/foundation-ui--gamma",
-  "version": "1.31.9",
+  "version": "1.31.10",
   "description": "Foundation UI Component library with GAMMA theme. ",
   "main": "dist/index.js",
   "module": "dist/index.esm.js",
@@ -25,7 +25,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "083c395c88f6c7d474e094b4ce8d1b9fdf5774d7",
+  "gitHead": "c1252ee35b5852b5399b0aaae4187eebdeeeaa92",
   "dependencies": {
     "@elastic/datemath": "^5.0.3",
     "@elastic/eui": "^94.1.0",