@uncinc/uncinc-react-kitchen-sink 2.3.6 → 2.4.1

package/dist/components/SearchKit/SearchSelectedFilters/index.js

@@ -1,37 +1,50 @@
-import React from 'react';
-import { useSearchkit } from '@searchkit/client';
-import { SelectedFilters } from '@searchkit/elastic-ui';
-import Button from '../../Button';
-const SearchSelectedFilters = ({
-  data,
-  loading
-}) => {
-  const ValueFilter = ({
-    filter,
-    loading
-  }) => {
-    const api = useSearchkit();
-    return /*#__PURE__*/React.createElement(Button, {
-      onClick: () => {
-        api.removeFilter(filter);
-        api.search();
-      }
-    }, filter.label, ": ", filter.value);
-  };
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _CustomValue = _interopRequireDefault(require("./Filters/CustomValue"));
+var _DateRange = _interopRequireDefault(require("./Filters/DateRange"));
+var _NumericRange = _interopRequireDefault(require("./Filters/NumericRange"));
+var _Value = _interopRequireDefault(require("./Filters/Value"));
+require("./style.scss");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var SearchSelectedFilters = function SearchSelectedFilters(_ref) {
+  var _results$summary;
+  var data = _ref.data,
+    loading = _ref.loading;
   if (!data) {
     return null;
   }
-  return /*#__PURE__*/React.createElement("div", {
+  var results = data.results;
+
+  // All filter components are copies of Searchkit's own filters, recreated within our library.
+  // Only the CustomValueFilter is a completely custom filter, written by us. Hence the name.
+  var filterComponentMap = {
+    ListFacet: _CustomValue.default,
+    RangeSliderFacet: _NumericRange.default,
+    DateRangeFacet: _DateRange.default,
+    ComboBoxFacet: _Value.default,
+    HierarchicalMenuFacet: _Value.default,
+    SelectFacet: _CustomValue.default,
+    ChipFacet: _CustomValue.default,
+    HierarchicalFilterFacet: _CustomValue.default
+  };
+  return /*#__PURE__*/_react.default.createElement("div", {
     className: "SearchSelectedFilters"
-  }, /*#__PURE__*/React.createElement(SelectedFilters, {
-    data: data.results,
-    loading: loading,
-    customFilterComponents: {
-      SelectFacet: ValueFilter,
-      ListFacet: ValueFilter,
-      ChipFacet: ValueFilter,
-      HierarchicalFilterFacet: ValueFilter
+  }, results === null || results === void 0 ? void 0 : (_results$summary = results.summary) === null || _results$summary === void 0 ? void 0 : _results$summary.appliedFilters.map(function (filter) {
+    var FilterComponent = filterComponentMap[filter.display] || _Value.default;
+    if (!filterComponentMap[filter.display]) {
+      throw new Error("could not display selected filters for ".concat(filter.identifier, " facet. Use customFilterComponents prop to pass a component to handle this filter for ").concat(filter.display, " display"));
     }
+    return /*#__PURE__*/_react.default.createElement(FilterComponent, {
+      filter: filter,
+      loading: loading,
+      key: filter.id
+    });
   }));
 };
-export default SearchSelectedFilters;
+var _default = SearchSelectedFilters;
+exports.default = _default;

package/dist/components/SearchKit/SearchSelectedFilters/style.scss

@@ -0,0 +1,4 @@
+.SearchSelectedFilters {
+  display: flex;
+  flex-wrap: wrap;
+}

package/dist/components/SearchKit/SearchSorting/index.js

@@ -1,32 +1,41 @@
-import { useSearchkit, useSearchkitVariables } from '@searchkit/client';
-import React from 'react';
-import FormikWrapper from '../../Form/FormikWrapper';
-import Select from '../../Form/Select';
-const useInitialValues = () => {
-  const parsed = useSearchkitVariables();
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _client = require("@searchkit/client");
+var _react = _interopRequireDefault(require("react"));
+var _FormikWrapper = _interopRequireDefault(require("../../Form/FormikWrapper"));
+var _Select = _interopRequireDefault(require("../../Form/Select"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var useInitialValues = function useInitialValues() {
+  var parsed = (0, _client.useSearchkitVariables)();
   return {
     'sortBy': parsed.sortBy
   };
 };
-export const SearchSorting = ({
-  data,
-  loading
-}) => {
-  const api = useSearchkit();
-  const initialValues = useInitialValues();
-  const options = data?.results?.summary?.sortOptions?.map(sortOption => ({
-    value: sortOption.id,
-    label: sortOption.label
+var SearchSorting = function SearchSorting(_ref) {
+  var _data$results, _data$results$summary, _data$results$summary2;
+  var data = _ref.data,
+    loading = _ref.loading;
+  var api = (0, _client.useSearchkit)();
+  var initialValues = useInitialValues();
+  var options = (data === null || data === void 0 ? void 0 : (_data$results = data.results) === null || _data$results === void 0 ? void 0 : (_data$results$summary = _data$results.summary) === null || _data$results$summary === void 0 ? void 0 : (_data$results$summary2 = _data$results$summary.sortOptions) === null || _data$results$summary2 === void 0 ? void 0 : _data$results$summary2.map(function (sortOption) {
+    return {
+      value: sortOption.id,
+      label: sortOption.label
+    };
   })) || [];
-  return /*#__PURE__*/React.createElement(FormikWrapper, {
+  return /*#__PURE__*/_react.default.createElement(_FormikWrapper.default, {
     initialValues: initialValues
-  }, /*#__PURE__*/React.createElement(Select, {
+  }, /*#__PURE__*/_react.default.createElement(_Select.default, {
     fieldName: "sortBy",
     isClearable: false,
     isSearchable: false,
     options: options,
     isLoading: loading,
-    onChange: value => {
+    onChange: function onChange(value) {
       api.setSortBy(value);
       api.setPage({
         from: 0
@@ -35,4 +44,5 @@ export const SearchSorting = ({
     }
   }));
 };
-export default SearchSorting;
+var _default = SearchSorting;
+exports.default = _default;

package/dist/components/SearchKit/index.js

@@ -1,42 +1,58 @@
-import React, { useEffect, useState, useMemo } from 'react';
-import Query from './Query';
-import { ApolloClient, InMemoryCache, ApolloProvider } from '@apollo/client';
-import { SearchkitProvider, SearchkitClient } from '@searchkit/client';
-import PropTypes from 'prop-types';
-import SearchField from './SearchField';
-import SearchPagination from './SearchPagination';
-import SearchResults from './SearchResults';
-import SearchFacets from './SearchFacets';
-import SearchSelectedFilters from './SearchFacets';
-const defaultChildren = (data, loading) => /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SearchField, null), /*#__PURE__*/React.createElement(SearchFacets, {
-  data: data,
-  loading: loading
-}), /*#__PURE__*/React.createElement(SearchSelectedFilters, {
-  data: data,
-  loading: loading
-}), /*#__PURE__*/React.createElement(SearchResults, {
-  data: data
-}), /*#__PURE__*/React.createElement(SearchPagination, {
-  data: data
-}));
-const SearchKit = ({
-  query,
-  uri,
-  pageSize = 10,
-  useRouting = true,
-  defaultFilters = [],
-  defaultQuery = '',
-  children,
-  defaultSorting = 'relevance'
-}) => {
-  const client = useMemo(() => {
-    return new ApolloClient({
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _client = require("@apollo/client");
+var _client2 = require("@searchkit/client");
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _Query = _interopRequireDefault(require("./Query"));
+var _SearchField = _interopRequireDefault(require("./SearchField"));
+var _SearchPagination = _interopRequireDefault(require("./SearchPagination"));
+var _SearchResults = _interopRequireDefault(require("./SearchResults"));
+var _SearchFacets = _interopRequireDefault(require("./SearchFacets"));
+var _SearchSelectedFilters = _interopRequireDefault(require("./SearchSelectedFilters"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var defaultChildren = function defaultChildren(data, loading) {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_SearchField.default, null), /*#__PURE__*/_react.default.createElement(_SearchFacets.default, {
+    data: data,
+    loading: loading
+  }), /*#__PURE__*/_react.default.createElement(_SearchSelectedFilters.default, {
+    data: data,
+    loading: loading
+  }), /*#__PURE__*/_react.default.createElement(_SearchResults.default, {
+    data: data
+  }), /*#__PURE__*/_react.default.createElement(_SearchPagination.default, {
+    data: data
+  }));
+};
+var SearchKit = function SearchKit(_ref) {
+  var query = _ref.query,
+    uri = _ref.uri,
+    _ref$pageSize = _ref.pageSize,
+    pageSize = _ref$pageSize === void 0 ? 10 : _ref$pageSize,
+    _ref$useRouting = _ref.useRouting,
+    useRouting = _ref$useRouting === void 0 ? true : _ref$useRouting,
+    _ref$defaultFilters = _ref.defaultFilters,
+    defaultFilters = _ref$defaultFilters === void 0 ? [] : _ref$defaultFilters,
+    _ref$defaultQuery = _ref.defaultQuery,
+    defaultQuery = _ref$defaultQuery === void 0 ? '' : _ref$defaultQuery,
+    children = _ref.children,
+    _ref$defaultSorting = _ref.defaultSorting,
+    defaultSorting = _ref$defaultSorting === void 0 ? 'relevance' : _ref$defaultSorting;
+  var client = (0, _react.useMemo)(function () {
+    return new _client.ApolloClient({
       uri: uri,
-      cache: new InMemoryCache()
+      cache: new _client.InMemoryCache()
     });
   }, [uri]);
-  const skClient = useMemo(() => {
-    const skClient = new SearchkitClient();
+  var skClient = (0, _react.useMemo)(function () {
+    var skClient = new _client2.SearchkitClient();
     skClient.updateBaseSearchState({
       filters: defaultFilters,
       query: defaultQuery,
@@ -48,23 +64,33 @@ const SearchKit = ({
     });
     return skClient;
   }, [useRouting, defaultFilters, defaultQuery, pageSize, defaultSorting]);
-  return /*#__PURE__*/React.createElement(ApolloProvider, {
+  return /*#__PURE__*/_react.default.createElement(_client.ApolloProvider, {
     client: client
-  }, /*#__PURE__*/React.createElement(SearchkitProvider, {
+  }, /*#__PURE__*/_react.default.createElement(_client2.SearchkitProvider, {
     client: skClient,
-    key: `${defaultQuery}-${defaultFilters.toString()}`
-  }, /*#__PURE__*/React.createElement(Query, {
+    key: "".concat(defaultQuery, "-").concat(defaultFilters.toString())
+  }, /*#__PURE__*/_react.default.createElement(_Query.default, {
     query: query,
     useRouting: useRouting
-  }, (data, loading) => children ? children(data, loading) : defaultChildren(data, loading))));
+  }, function (data, loading) {
+    return children ? children(data, loading) : defaultChildren(data, loading);
+  })));
 };
 SearchKit.propTypes = {
-  queryString: PropTypes.string,
-  uri: PropTypes.string,
-  pageSize: PropTypes.number,
-  useRouting: PropTypes.bool,
-  defaultFilters: PropTypes.object,
-  defaultQuery: PropTypes.string,
-  defaultSorting: PropTypes.string
+  uri: _propTypes.default.string,
+  pageSize: _propTypes.default.number,
+  useRouting: _propTypes.default.bool,
+  defaultFilters: _propTypes.default.object,
+  defaultQuery: _propTypes.default.string,
+  defaultSorting: _propTypes.default.string
+};
+SearchKit.defaultProps = {
+  uri: null,
+  pageSize: 10,
+  useRouting: true,
+  defaultFilters: [],
+  defaultQuery: '',
+  defaultSorting: 'relevance'
 };
-export default SearchKit;
+var _default = SearchKit;
+exports.default = _default;