@bigbinary/neeto-team-members-frontend 2.5.18 → 2.5.19

package/dist/index.cjs.js

@@ -10564,6 +10564,18 @@ const DEFAULT_SELECTED_ROWS = {
   keys: []
 };
 const DEFAULT_NEETO_FILTERS_COLUMNS = [{
+  key: "email",
+  node: "email",
+  label: instance.t("common.email", SINGULAR),
+  type: "multi_option",
+  values: []
+}, {
+  key: "name",
+  node: "first_name,last_name",
+  label: instance.t("common.name"),
+  type: "text",
+  values: ""
+}, {
   key: "role",
   node: "organization_role.name",
   model: "OrganizationRole",
@@ -11397,9 +11409,28 @@ const getMetaName = ramda.curry((metaName, count) => {
 });
 const clearSelectedMembers = (previousCategory, currentCategory) => pure.notEquals(previousCategory, currentCategory) && pure.notEquals(currentCategory, "ALL");
 const buildFilterColumns = _ref10 => {
-  let _ref10$organizationRo = _ref10.organizationRoles,
-    organizationRoles = _ref10$organizationRo === void 0 ? [] : _ref10$organizationRo;
-  return ramda.assocPath([0, "values"], organizationRoles.map(pure.toLabelAndValue), DEFAULT_NEETO_FILTERS_COLUMNS);
+  let _ref10$options = _ref10.options,
+    _ref10$options$emails = _ref10$options.emails,
+    emails = _ref10$options$emails === void 0 ? [] : _ref10$options$emails,
+    _ref10$options$organi = _ref10$options.organizationRoles,
+    organizationRoles = _ref10$options$organi === void 0 ? [] : _ref10$options$organi,
+    _ref10$emailConfig = _ref10.emailConfig,
+    setSearchTerm = _ref10$emailConfig.setSearchTerm,
+    isLoading = _ref10$emailConfig.isLoading;
+  const columnValues = {
+    email: emails.map(pure.toLabelAndValue),
+    role: organizationRoles.map(pure.toLabelAndValue)
+  };
+  return DEFAULT_NEETO_FILTERS_COLUMNS.map(column => {
+    const values = columnValues[column.key];
+    if (column.key === "role") return ramda.assoc("values", values, column);
+    const emailConfig = {
+      values,
+      isLoading,
+      onInputChange: setSearchTerm
+    };
+    return ramda.mergeLeft(emailConfig, column);
+  });
 };
 const getValidCategory = function (category) {
   let defaultCategory = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : MEMBER_FILTER.ACTIVE.value;
@@ -12072,25 +12103,40 @@ function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) {
 const useFilters = _ref => {
   var _config$filterColumns, _config$defaultFilter;
   let config = _ref.config;
+  const _useState = React.useState(""),
+    _useState2 = _slicedToArray(_useState, 2),
+    emailSearchTerm = _useState2[0],
+    setEmailSearchTerm = _useState2[1];
   const metaName = getMetaName((config === null || config === void 0 ? void 0 : config.metaName) || "member");
   const defaultNeetoFilters = Ze((_config$filterColumns = config === null || config === void 0 ? void 0 : config.filterColumns) !== null && _config$filterColumns !== void 0 ? _config$filterColumns : DEFAULT_NEETO_FILTERS_COLUMNS);
-  const _useState = React.useState(_objectSpread$2(_objectSpread$2(_objectSpread$2({}, DEFAULT_FILTER_VALUES), config === null || config === void 0 ? void 0 : config.defaultFilterValues), {}, {
+  const _useState3 = React.useState(_objectSpread$2(_objectSpread$2(_objectSpread$2({}, DEFAULT_FILTER_VALUES), config === null || config === void 0 ? void 0 : config.defaultFilterValues), {}, {
       neetoFilters: defaultNeetoFilters,
       category: getValidCategory(URL_CATEGORY_FILTER_VALUE, config === null || config === void 0 ? void 0 : (_config$defaultFilter = config.defaultFilterValues) === null || _config$defaultFilter === void 0 ? void 0 : _config$defaultFilter.category)
     })),
-    _useState2 = _slicedToArray(_useState, 2),
-    filters = _useState2[0],
-    setFilters = _useState2[1];
+    _useState4 = _slicedToArray(_useState3, 2),
+    filters = _useState4[0],
+    setFilters = _useState4[1];
   const debouncedSearch = reactUtils.useDebounce(filters.search, 750);
+  const debouncedEmailSearchTerm = reactUtils.useDebounce(emailSearchTerm, 750);
   const shouldFetchFilterOptions = ramda.isNil(config === null || config === void 0 ? void 0 : config.filterColumns);
   const _useFetchFilterOption = useFetchFilterOptions({
+      params: {
+        emailSearchTerm: debouncedEmailSearchTerm
+      },
       options: {
         enabled: shouldFetchFilterOptions
       }
     }),
     _useFetchFilterOption2 = _useFetchFilterOption.data,
-    filterOptions = _useFetchFilterOption2 === void 0 ? {} : _useFetchFilterOption2;
-  const filterColumns = shouldFetchFilterOptions ? buildFilterColumns(filterOptions) : config === null || config === void 0 ? void 0 : config.filterColumns;
+    filterOptions = _useFetchFilterOption2 === void 0 ? {} : _useFetchFilterOption2,
+    isFilterOptionsLoading = _useFetchFilterOption.isLoading;
+  const filterColumns = shouldFetchFilterOptions ? buildFilterColumns({
+    options: filterOptions,
+    emailConfig: {
+      setSearchTerm: setEmailSearchTerm,
+      isLoading: isFilterOptionsLoading
+    }
+  }) : config === null || config === void 0 ? void 0 : config.filterColumns;
   const searchProps = {
     "data-cy": "ntm-search-members-input",
     onChange: _ref2 => {