@uniformdev/mesh-sdk-react 20.51.0 → 20.51.1-alpha.14

package/dist/index.d.mts

@@ -1742,6 +1742,8 @@ type SearchAndFilterProviderProps = {
     onResetFilterValues?: () => void;
     /** the total number of results */
     totalResults?: number;
+    /** whether data is currently loading */
+    isLoading?: boolean;
     /** the filter mapper function */
     filterMapper?: FilterMapper;
     /** sets child components giving access to useSearchAndFilter context */
@@ -1776,6 +1778,8 @@ type SearchAndFilterContextProps = {
     filterMapper?: FilterMapper;
     /** the total number of results */
     totalResults?: number;
+    /** whether data is currently loading */
+    isLoading?: boolean;
     /** Allow to bind dynamic inputs to the search term */
     allowBindingSearchTerm?: boolean;
 };
@@ -1784,7 +1788,7 @@ declare const SearchAndFilterContext: React$1.Context<SearchAndFilterContextProp
  * Search and filter provider
  * @example <SearchAndFilterProvider filters={filters} filterOptions={filterOptions} onSearchChange={onSearchChange} onChange={onChange}>Children</SearchAndFilterProvider>
  * */
-declare const SearchAndFilterProvider: ({ filters, filterOptions, filterVisible, alwaysVisible, defaultSearchTerm, onSearchChange, onChange, resetFilterValues, onResetFilterValues, totalResults, filterMapper, children, allowBindingSearchTerm, }: SearchAndFilterProviderProps) => _emotion_react_jsx_runtime.JSX.Element;
+declare const SearchAndFilterProvider: ({ filters, filterOptions, filterVisible, alwaysVisible, defaultSearchTerm, onSearchChange, onChange, resetFilterValues, onResetFilterValues, totalResults, isLoading, filterMapper, children, allowBindingSearchTerm, }: SearchAndFilterProviderProps) => _emotion_react_jsx_runtime.JSX.Element;
 /** Search and filter hook
  * @example const { searchTerm, setSearchTerm, filterVisibility, setFilterVisibility, filters, setFilters, handleAddFilter, handleResetFilters, handleDeleteFilter, filterOptions, validFilterQuery } = useSearchAndFilter();
  */
@@ -1815,6 +1819,8 @@ declare const useSearchAndFilter: () => {
     filterMapper?: FilterMapper;
     /** the total number of results */
     totalResults?: number;
+    /** whether data is currently loading */
+    isLoading?: boolean;
     /** Allow to bind dynamic inputs to the search term */
     allowBindingSearchTerm?: boolean;
 };
@@ -1830,6 +1836,8 @@ type SearchAndFilterProps = Omit<SearchAndFilterProviderProps, 'children'> & {
     viewSwitchControls?: React$1.ReactNode;
     /** The number of total results */
     totalResults?: number;
+    /** Whether data is currently loading */
+    isLoading?: boolean;
     /** The results container view
      * @default '<SearchAndFilterResultContainer />'
      */
@@ -1847,7 +1855,7 @@ type SearchAndFilterProps = Omit<SearchAndFilterProviderProps, 'children'> & {
  * Search and filter component
  * @example <SearchAndFilter filters={filters} filterOptions={filterOptions} onChange={onChange} onSearchChange={onSearchChange} onSearchReset={onSearchReset} totalResults={totalResults} />
  * */
-declare const SearchAndFilter: ({ filters, filterOptions, filterVisible, filterControls, viewSwitchControls, resultsContainerView, filterMapper, additionalFiltersContainer, onChange, defaultSearchTerm, onSearchChange, totalResults, allowBindingSearchTerm, resetFilterValues, onResetFilterValues, }: SearchAndFilterProps) => _emotion_react_jsx_runtime.JSX.Element;
+declare const SearchAndFilter: ({ filters, filterOptions, filterVisible, filterControls, viewSwitchControls, resultsContainerView, filterMapper, additionalFiltersContainer, onChange, defaultSearchTerm, onSearchChange, totalResults, isLoading, allowBindingSearchTerm, resetFilterValues, onResetFilterValues, }: SearchAndFilterProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 type FilterItemsProps = {
     /** The text for the add button */

package/dist/index.d.ts

@@ -1742,6 +1742,8 @@ type SearchAndFilterProviderProps = {
     onResetFilterValues?: () => void;
     /** the total number of results */
     totalResults?: number;
+    /** whether data is currently loading */
+    isLoading?: boolean;
     /** the filter mapper function */
     filterMapper?: FilterMapper;
     /** sets child components giving access to useSearchAndFilter context */
@@ -1776,6 +1778,8 @@ type SearchAndFilterContextProps = {
     filterMapper?: FilterMapper;
     /** the total number of results */
     totalResults?: number;
+    /** whether data is currently loading */
+    isLoading?: boolean;
     /** Allow to bind dynamic inputs to the search term */
     allowBindingSearchTerm?: boolean;
 };
@@ -1784,7 +1788,7 @@ declare const SearchAndFilterContext: React$1.Context<SearchAndFilterContextProp
  * Search and filter provider
  * @example <SearchAndFilterProvider filters={filters} filterOptions={filterOptions} onSearchChange={onSearchChange} onChange={onChange}>Children</SearchAndFilterProvider>
  * */
-declare const SearchAndFilterProvider: ({ filters, filterOptions, filterVisible, alwaysVisible, defaultSearchTerm, onSearchChange, onChange, resetFilterValues, onResetFilterValues, totalResults, filterMapper, children, allowBindingSearchTerm, }: SearchAndFilterProviderProps) => _emotion_react_jsx_runtime.JSX.Element;
+declare const SearchAndFilterProvider: ({ filters, filterOptions, filterVisible, alwaysVisible, defaultSearchTerm, onSearchChange, onChange, resetFilterValues, onResetFilterValues, totalResults, isLoading, filterMapper, children, allowBindingSearchTerm, }: SearchAndFilterProviderProps) => _emotion_react_jsx_runtime.JSX.Element;
 /** Search and filter hook
  * @example const { searchTerm, setSearchTerm, filterVisibility, setFilterVisibility, filters, setFilters, handleAddFilter, handleResetFilters, handleDeleteFilter, filterOptions, validFilterQuery } = useSearchAndFilter();
  */
@@ -1815,6 +1819,8 @@ declare const useSearchAndFilter: () => {
     filterMapper?: FilterMapper;
     /** the total number of results */
     totalResults?: number;
+    /** whether data is currently loading */
+    isLoading?: boolean;
     /** Allow to bind dynamic inputs to the search term */
     allowBindingSearchTerm?: boolean;
 };
@@ -1830,6 +1836,8 @@ type SearchAndFilterProps = Omit<SearchAndFilterProviderProps, 'children'> & {
     viewSwitchControls?: React$1.ReactNode;
     /** The number of total results */
     totalResults?: number;
+    /** Whether data is currently loading */
+    isLoading?: boolean;
     /** The results container view
      * @default '<SearchAndFilterResultContainer />'
      */
@@ -1847,7 +1855,7 @@ type SearchAndFilterProps = Omit<SearchAndFilterProviderProps, 'children'> & {
  * Search and filter component
  * @example <SearchAndFilter filters={filters} filterOptions={filterOptions} onChange={onChange} onSearchChange={onSearchChange} onSearchReset={onSearchReset} totalResults={totalResults} />
  * */
-declare const SearchAndFilter: ({ filters, filterOptions, filterVisible, filterControls, viewSwitchControls, resultsContainerView, filterMapper, additionalFiltersContainer, onChange, defaultSearchTerm, onSearchChange, totalResults, allowBindingSearchTerm, resetFilterValues, onResetFilterValues, }: SearchAndFilterProps) => _emotion_react_jsx_runtime.JSX.Element;
+declare const SearchAndFilter: ({ filters, filterOptions, filterVisible, filterControls, viewSwitchControls, resultsContainerView, filterMapper, additionalFiltersContainer, onChange, defaultSearchTerm, onSearchChange, totalResults, isLoading, allowBindingSearchTerm, resetFilterValues, onResetFilterValues, }: SearchAndFilterProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 type FilterItemsProps = {
     /** The text for the add button */

package/dist/index.esm.js

@@ -6429,6 +6429,7 @@ var SearchAndFilterContext = createContext6({
   validFilterQuery: [],
   filterMapper: {},
   totalResults: 0,
+  isLoading: false,
   allowBindingSearchTerm: false
 });
 var SearchAndFilterProvider = ({
@@ -6442,6 +6443,7 @@ var SearchAndFilterProvider = ({
   resetFilterValues = [{ field: "", operator: "", value: "" }],
   onResetFilterValues,
   totalResults,
+  isLoading,
   filterMapper: filterMapper2 = filterMapper,
   children,
   allowBindingSearchTerm
@@ -6517,6 +6519,7 @@ var SearchAndFilterProvider = ({
         filterOptions,
         validFilterQuery,
         totalResults,
+        isLoading,
         filterMapper: filterMapper2,
         allowBindingSearchTerm
       },
@@ -7045,7 +7048,7 @@ var SearchAndFilterResultContainer = ({
   onHandleClear,
   hideClearButton
 }) => {
-  const { searchTerm, totalResults, filters, handleResetFilters, setSearchTerm } = useSearchAndFilter();
+  const { searchTerm, totalResults, filters, handleResetFilters, setSearchTerm, isLoading } = useSearchAndFilter();
   const emptyFilters = filters.length === 0 || filters.every((filter) => !filter.value);
   const getTextValue = ({
     defaultPropText,
@@ -7076,7 +7079,7 @@ var SearchAndFilterResultContainer = ({
     filterText: "No results match the selected filters",
     fallbackText: "No matching results found"
   });
-  if (totalResults && totalResults > 0) {
+  if (isLoading || totalResults === void 0 || totalResults > 0) {
     return null;
   }
   const handleClearSearch = () => {
@@ -7127,6 +7130,7 @@ var SearchAndFilter = ({
   defaultSearchTerm,
   onSearchChange,
   totalResults,
+  isLoading,
   allowBindingSearchTerm = false,
   resetFilterValues = [],
   onResetFilterValues
@@ -7141,6 +7145,7 @@ var SearchAndFilter = ({
       defaultSearchTerm,
       onSearchChange,
       totalResults,
+      isLoading,
       resetFilterValues,
       filterMapper: filterMapper2,
       allowBindingSearchTerm,

package/dist/index.js

@@ -6491,6 +6491,7 @@ var SearchAndFilterContext = (0, import_react64.createContext)({
   validFilterQuery: [],
   filterMapper: {},
   totalResults: 0,
+  isLoading: false,
   allowBindingSearchTerm: false
 });
 var SearchAndFilterProvider = ({
@@ -6504,6 +6505,7 @@ var SearchAndFilterProvider = ({
   resetFilterValues = [{ field: "", operator: "", value: "" }],
   onResetFilterValues,
   totalResults,
+  isLoading,
   filterMapper: filterMapper2 = filterMapper,
   children,
   allowBindingSearchTerm
@@ -6579,6 +6581,7 @@ var SearchAndFilterProvider = ({
         filterOptions,
         validFilterQuery,
         totalResults,
+        isLoading,
         filterMapper: filterMapper2,
         allowBindingSearchTerm
       },
@@ -7107,7 +7110,7 @@ var SearchAndFilterResultContainer = ({
   onHandleClear,
   hideClearButton
 }) => {
-  const { searchTerm, totalResults, filters, handleResetFilters, setSearchTerm } = useSearchAndFilter();
+  const { searchTerm, totalResults, filters, handleResetFilters, setSearchTerm, isLoading } = useSearchAndFilter();
   const emptyFilters = filters.length === 0 || filters.every((filter) => !filter.value);
   const getTextValue = ({
     defaultPropText,
@@ -7138,7 +7141,7 @@ var SearchAndFilterResultContainer = ({
     filterText: "No results match the selected filters",
     fallbackText: "No matching results found"
   });
-  if (totalResults && totalResults > 0) {
+  if (isLoading || totalResults === void 0 || totalResults > 0) {
     return null;
   }
   const handleClearSearch = () => {
@@ -7189,6 +7192,7 @@ var SearchAndFilter = ({
   defaultSearchTerm,
   onSearchChange,
   totalResults,
+  isLoading,
   allowBindingSearchTerm = false,
   resetFilterValues = [],
   onResetFilterValues
@@ -7203,6 +7207,7 @@ var SearchAndFilter = ({
       defaultSearchTerm,
       onSearchChange,
       totalResults,
+      isLoading,
       resetFilterValues,
       filterMapper: filterMapper2,
       allowBindingSearchTerm,

package/dist/index.mjs

@@ -6429,6 +6429,7 @@ var SearchAndFilterContext = createContext6({
   validFilterQuery: [],
   filterMapper: {},
   totalResults: 0,
+  isLoading: false,
   allowBindingSearchTerm: false
 });
 var SearchAndFilterProvider = ({
@@ -6442,6 +6443,7 @@ var SearchAndFilterProvider = ({
   resetFilterValues = [{ field: "", operator: "", value: "" }],
   onResetFilterValues,
   totalResults,
+  isLoading,
   filterMapper: filterMapper2 = filterMapper,
   children,
   allowBindingSearchTerm
@@ -6517,6 +6519,7 @@ var SearchAndFilterProvider = ({
         filterOptions,
         validFilterQuery,
         totalResults,
+        isLoading,
         filterMapper: filterMapper2,
         allowBindingSearchTerm
       },
@@ -7045,7 +7048,7 @@ var SearchAndFilterResultContainer = ({
   onHandleClear,
   hideClearButton
 }) => {
-  const { searchTerm, totalResults, filters, handleResetFilters, setSearchTerm } = useSearchAndFilter();
+  const { searchTerm, totalResults, filters, handleResetFilters, setSearchTerm, isLoading } = useSearchAndFilter();
   const emptyFilters = filters.length === 0 || filters.every((filter) => !filter.value);
   const getTextValue = ({
     defaultPropText,
@@ -7076,7 +7079,7 @@ var SearchAndFilterResultContainer = ({
     filterText: "No results match the selected filters",
     fallbackText: "No matching results found"
   });
-  if (totalResults && totalResults > 0) {
+  if (isLoading || totalResults === void 0 || totalResults > 0) {
     return null;
   }
   const handleClearSearch = () => {
@@ -7127,6 +7130,7 @@ var SearchAndFilter = ({
   defaultSearchTerm,
   onSearchChange,
   totalResults,
+  isLoading,
   allowBindingSearchTerm = false,
   resetFilterValues = [],
   onResetFilterValues
@@ -7141,6 +7145,7 @@ var SearchAndFilter = ({
       defaultSearchTerm,
       onSearchChange,
       totalResults,
+      isLoading,
       resetFilterValues,
       filterMapper: filterMapper2,
       allowBindingSearchTerm,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uniformdev/mesh-sdk-react",
-  "version": "20.51.0",
+  "version": "20.51.1-alpha.14+1acdc51f11",
   "description": "Uniform Mesh Framework SDK for React",
   "license": "SEE LICENSE IN LICENSE.txt",
   "main": "./dist/index.js",
@@ -51,10 +51,10 @@
     "@lexical/selection": "0.39.0",
     "@lexical/utils": "0.39.0",
     "@react-icons/all-files": "https://github.com/react-icons/react-icons/releases/download/v5.5.0/react-icons-all-files-5.5.0.tgz",
-    "@uniformdev/canvas": "20.51.0",
-    "@uniformdev/design-system": "20.51.0",
-    "@uniformdev/mesh-sdk": "20.51.0",
-    "@uniformdev/richtext": "20.51.0",
+    "@uniformdev/canvas": "20.51.1-alpha.14+1acdc51f11",
+    "@uniformdev/design-system": "20.51.1-alpha.14+1acdc51f11",
+    "@uniformdev/mesh-sdk": "20.51.1-alpha.14+1acdc51f11",
+    "@uniformdev/richtext": "20.51.1-alpha.14+1acdc51f11",
     "dequal": "^2.0.3",
     "lexical": "0.39.0",
     "mitt": "3.0.1",
@@ -85,5 +85,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "4e1041ff207d9098efcdca31686c5d58615315b3"
+  "gitHead": "1acdc51f11d2e4d35097fcb2f0e2d0777fab0c24"
 }