@blaze-cms/plugin-data-ui 0.146.0-node18-core-styles-tooltips.56 → 0.146.0-node18-tooltips.44

package/src/components/ListingTable/SearchFilter/helpers.js

@@ -14,14 +14,32 @@ const updateListFilters = (searchTerm, selectedFilters, setListFilters, fields =
   }
 
   Object.entries(selectedFilters).forEach(([filterKey, filterValue]) => {
-    if (!filterValue || filterValue === DEFAULT_FILTER_OPTION_LABEL) return;
-    filters.push({
-      match: {
-        [`${filterKey}.keyword`]: {
-          query: filterValue
-        }
+    const isEmptyArray = Array.isArray(filterValue) && filterValue.length === 0;
+    if (
+      filterValue == null ||
+      filterValue === '' ||
+      filterValue === DEFAULT_FILTER_OPTION_LABEL ||
+      isEmptyArray
+    )
+      return;
+
+    const field = `${filterKey}.keyword`;
+
+    if (Array.isArray(filterValue)) {
+      if (filterValue.length > 1) {
+        filters.push({
+          terms: { [field]: filterValue }
+        });
+      } else {
+        filters.push({
+          term: { [field]: filterValue[0] }
+        });
       }
-    });
+    } else {
+      filters.push({
+        term: { [field]: filterValue }
+      });
+    }
   });
 
   setListFilters(filters);
@@ -52,9 +70,23 @@ const findSelectFilters = schema => {
   return [...propertySelects, ...dynamicPropertySelects];
 };
 
+const findMultiSelectFilters = schema => {
+  if (!schema || !schema.properties) return [];
+
+  const { properties = {}, dynamicProperties = {} } = schema;
+  const propertyMultiSelect = Object.entries(properties).filter(isFilterMultiSelectItems);
+  const dynamicPropertyMultiSelect = Object.entries(dynamicProperties).filter(
+    isFilterMultiSelectItems
+  );
+  return [...propertyMultiSelect, ...dynamicPropertyMultiSelect];
+};
+
 const isFilterSelectItem = ([, item]) =>
   item.adminListingOptions && item.adminListingOptions.filterType === 'select';
 
+const isFilterMultiSelectItems = ([, item]) =>
+  item.adminListingOptions && item.adminListingOptions.filterType === 'multiSelect';
+
 const buildQueryFields = (selectFilters, entityId) => {
   if (!Array.isArray(selectFilters) || selectFilters.length === 0) {
     return { gqlFields: '', rawQuery: '{}' };
@@ -96,4 +128,20 @@ const buildQueryFields = (selectFilters, entityId) => {
   return { gqlFields, rawQuery };
 };
 
-export { buildQueryFields, updateListFilters, getKeywordSearchFilters, findSelectFilters };
+const getTidyLabel = (value, tidy) => {
+  if (!tidy) return value;
+
+  return value
+    .split(/[\s_-]+/)
+    .map(word => word.charAt(0).toUpperCase() + word.slice(1))
+    .join(' ');
+};
+
+export {
+  buildQueryFields,
+  updateListFilters,
+  getKeywordSearchFilters,
+  findSelectFilters,
+  findMultiSelectFilters,
+  getTidyLabel
+};

package/src/components/Tabs/index.js

@@ -1,11 +1,7 @@
 import React, { useState } from 'react';
 import PropTypes from 'prop-types';
 import { Tab, TabItem } from '@blaze-react/tab';
-import {
-  useReadFromCache,
-  GET_CURRENT_TAB_ID,
-  TabsContextProvider
-} from '@blaze-cms/admin-ui-utils';
+import { useTabsContext, TabsContextProvider } from '@blaze-cms/admin-ui-utils';
 import {
   PAGE_BUILDER_TAB,
   PAGE_BUILDER_TAB_INDEX,
@@ -14,7 +10,7 @@ import {
 } from '../../constants';
 
 const Tabs = ({ children, onTabChange, enabled }) => {
-  const { currentTabId } = useReadFromCache({ query: GET_CURRENT_TAB_ID }) || EDITOR_VIEW_TAB_INDEX;
+  const { currentTabId = EDITOR_VIEW_TAB_INDEX } = useTabsContext() || {};
   const [activeAccordions, setActiveAccordions] = useState([]);
 
   if (!enabled) return children;

package/src/index.js

@@ -12,6 +12,8 @@ const EntityManager = React.lazy(
   () => import(/* webpackChunkName: 'EntityManager' */ './components/EntityManager')
 );
 
+export { default as SearchFilter } from './components/ListingTable/SearchFilter/SearchFilter';
+
 export default async function load(app) {
   app.events.once('admin:menu:config:load', getAddContentMenuItems(app));
 

package/src/utils/hoc/withContext.js

@@ -1,7 +1,8 @@
 import React from 'react';
 import { useMainContext, MainContext } from '@blaze-cms/admin-ui-utils';
 
-export const withContext = Component => props => {
-  const contexts = useMainContext(MainContext);
-  return <Component {...props} {...contexts} />;
-};
+export const withContext = Component =>
+  function (props) {
+    const contexts = useMainContext(MainContext);
+    return <Component {...props} {...contexts} />;
+  };