@uniformdev/mesh-sdk-react 13.0.1-alpha.133 → 13.0.1-alpha.311

package/LICENSE.txt

@@ -0,0 +1,2 @@
+© 2022 Uniform Systems, Inc. All Rights Reserved.
+See details of Uniform Systems, Inc. Master Subscription Agreement here: https://uniform.dev/eula

package/dist/index.d.ts

@@ -6,7 +6,7 @@ import React__default, { SVGProps } from 'react';
 import * as _emotion_react_types_jsx_namespace from '@emotion/react/types/jsx-namespace';
 import { TDate } from 'timeago.js';
 import * as _emotion_react from '@emotion/react';
-export { Button, ButtonProps, Callout, CalloutProps, Heading, HeadingProps, Input, InputProps, InputSelect, InputToggle, InputToggleProps, InputKeywordSearch as KeywordSearchInput, LoadingIndicator, LoadingOverlay, Menu, MenuItem, MenuItemProps, MenuProps, ScrollableList, ScrollableListItem, ScrollableListItemProps, ScrollableListProps, Theme, ThemeProps } from '@uniformdev/design-system';
+export { Button, ButtonProps, Callout, CalloutProps, Heading, HeadingProps, Input, InputProps, InputSelect, InputToggle, InputToggleProps, InputKeywordSearch as KeywordSearchInput, LoadingIndicator, LoadingOverlay, Menu, MenuItem, MenuItemProps, MenuProps, ScrollableList, ScrollableListItem, ScrollableListItemProps, ScrollableListProps, Textarea, TextareaProps, Theme, ThemeProps } from '@uniformdev/design-system';
 
 /**
  * Provides convenient access to the current Uniform Mesh location via React hook.
@@ -88,7 +88,7 @@ declare type EntrySearchProps<TResult extends EntrySearchResult = EntrySearchRes
     logoIcon: string | React.ComponentType<{
         className?: string;
     }>;
-    select: (id: string[], contentType?: string) => void;
+    select: (items: TResult[], selectedContentType?: string) => void;
     requireContentType?: boolean;
     multiSelectId?: string;
     multiSelect?: boolean;
@@ -103,7 +103,9 @@ declare type EntrySearchProps<TResult extends EntrySearchResult = EntrySearchRes
         selectedContentType?: string;
     }>;
     helpComponent?: JSX.Element;
-    onSort?: (ids: string[]) => void;
+    onSort?: (items: TResult[]) => void;
+    typeSelectorLabel?: string;
+    typeSelectorAllTypesOptionText?: string;
 };
 interface EntrySearchResult {
     id: string;
@@ -121,7 +123,7 @@ interface NoResultsProps {
     searchText: string | undefined;
     selectedContentType: string | undefined;
 }
-declare const EntrySearch: <TResult extends EntrySearchResult>({ search, results, contentTypes, selectedItems, logoIcon, select, multiSelect, multiSelectId, rowComponent, selectedItemComponent, totalResults, resultsLoading, requireContentType, onAddNew, onEditClosed, onCancel, noResultsComponent, helpComponent, onSort, }: EntrySearchProps<TResult>) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare const EntrySearch: <TResult extends EntrySearchResult>({ search, results, contentTypes, selectedItems, logoIcon, select, multiSelect, multiSelectId, rowComponent, selectedItemComponent, totalResults, resultsLoading, requireContentType, onAddNew, onEditClosed, onCancel, noResultsComponent, helpComponent, onSort, typeSelectorLabel, typeSelectorAllTypesOptionText, }: EntrySearchProps<TResult>) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
 declare const searchRowContainer: _emotion_react.SerializedStyles;
 declare const searchRowContainerActive: _emotion_react.SerializedStyles;
@@ -222,6 +224,9 @@ interface ProductQueryProps<TValue extends ProductDynamicSelectorValue = Product
         name: string;
         sortOrderKey: string;
     }>;
+    categoryLabel?: string;
+    brandLabel?: string;
+    disableBrands?: boolean;
 }
 interface ProductQueryCategory {
     id: string;
@@ -232,7 +237,7 @@ interface Brand {
     id: string;
     name: string;
 }
-declare const ProductQuery: ({ value, setValue, brands, categories, loading, categoriesLoading, brandsLoading, logoIcon, onGetProducts, sortOptions, sortOrderOptions, }: ProductQueryProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare const ProductQuery: ({ value, setValue, brands, categories, loading, categoriesLoading, brandsLoading, logoIcon, onGetProducts, sortOptions, sortOrderOptions, categoryLabel, brandLabel, disableBrands, }: ProductQueryProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 interface ProductQueryContextValue {
     categories: ProductQueryProps['categories'];
     logoIcon: ProductQueryProps['logoIcon'];
@@ -240,13 +245,9 @@ interface ProductQueryContextValue {
 declare const ProductQueryContext: React__default.Context<ProductQueryContextValue | undefined>;
 declare const useProductQueryContext: () => ProductQueryContextValue;
 
-declare type ProductSearchProps<TResult extends ProductSearchResult = ProductSearchResult> = Pick<EntrySearchProps<TResult>, 'multiSelect' | 'multiSelectId' | 'logoIcon' | 'rowComponent' | 'selectedItemComponent'> & {
-    value: string[] | undefined;
-    setValue: (ids: string[] | undefined) => Promise<void>;
-    onGetSelectedProducts: (args: {
-        ids: string[];
-        options?: GetProductOptions;
-    }) => Promise<TResult[]>;
+declare type ProductSearchProps<TResult extends ProductSearchResult = ProductSearchResult> = Pick<EntrySearchProps<TResult>, 'multiSelect' | 'multiSelectId' | 'logoIcon' | 'rowComponent' | 'selectedItemComponent' | 'helpComponent' | 'noResultsComponent' | 'onSort' | 'typeSelectorAllTypesOptionText' | 'typeSelectorLabel'> & {
+    selectedProducts: TResult[] | undefined;
+    setSelectedProducts: (products: TResult[] | undefined) => Promise<void>;
     onGetCategories: () => Promise<ProductCategory[]>;
     onSearchProducts: (args: {
         text: string;
@@ -255,13 +256,17 @@ declare type ProductSearchProps<TResult extends ProductSearchResult = ProductSea
         total: number;
         products: TResult[];
     }>;
+    errorComponent?: React__default.ComponentType<{
+        categoriesError?: Error;
+        searchError?: Error;
+    }>;
 };
 interface GetProductOptions {
     limit?: number;
     offset?: number;
     categoryId?: string;
 }
-declare function ProductSearch({ value, setValue, onGetSelectedProducts, onGetCategories, onSearchProducts, logoIcon, multiSelect, multiSelectId, selectedItemComponent, rowComponent, }: ProductSearchProps): _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare function ProductSearch({ selectedProducts, setSelectedProducts, onGetCategories, onSearchProducts, logoIcon, multiSelect, multiSelectId, selectedItemComponent, rowComponent, errorComponent, helpComponent, noResultsComponent, onSort, typeSelectorAllTypesOptionText, typeSelectorLabel, }: ProductSearchProps): _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 interface ProductSearchContextValue {
     logoIcon: ProductSearchProps['logoIcon'];
     categories: ProductCategory[] | undefined;
@@ -296,8 +301,9 @@ declare type SelectionFieldValue = {
     id: string;
     name: string;
 };
-declare const SelectionField: ({ name, loading, selectedValues, values, onAdd, onRemove, }: {
-    name: string;
+declare const SelectionField: ({ id, label, loading, selectedValues, values, onAdd, onRemove, }: {
+    id: string;
+    label: string;
     loading: boolean;
     selectedValues: string[] | undefined;
     values: SelectionFieldValue[];