@uniformdev/mesh-sdk-react 20.8.2-alpha.31 → 20.9.1-alpha.16

package/dist/index.d.mts

@@ -887,7 +887,9 @@ type DataRefreshButtonProps = HTMLAttributes<HTMLButtonElement> & {
 };
 /**
  * @description The data refresh button is a UI component to indicate to users a request for data is taking place
- * @example <DataRefreshButton buttonText="my button" isLoading /> */
+ * @example <DataRefreshButton buttonText="my button" isLoading />
+ * @deprecated this component is not recommended for use in new projects
+ */
 declare const DataRefreshButton: ({ buttonText, isLoading, onRefreshData, ...props }: DataRefreshButtonProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 type ObjectSearchContainerProps = {
@@ -914,7 +916,9 @@ type ObjectSearchContainerProps = {
 };
 /**
  * @description Object search container is an opinionated layout for search parameters and retrieved results
- * @example  <ObjectSearchContainer searchFilters={<>your component</>} resultList={<>your result list component<>} onSave={yourSaveAction} onCancel={yourCancelAction} /> */
+ * @example  <ObjectSearchContainer searchFilters={<>your component</>} resultList={<>your result list component<>} onSave={yourSaveAction} onCancel={yourCancelAction} />
+ * @deprecated this component is not recommended for use in new projects
+ */
 declare const ObjectSearchContainer: ({ label, enableDynamicInputToResultId, searchFilters, resultList, children, }: ObjectSearchContainerProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 type ObjectSearchFilterProps = {
@@ -945,7 +949,9 @@ type ObjectSearchFilterProps = {
 /**
  * @description Object search filter is an opinionated filter that has pre-defined query and setQuery functions
  * that can be extended with custom functions
- * @example  <ObjectSearchFilter selectOptions={[{ id: 'id value', name: 'name value'}]} /> */
+ * @example  <ObjectSearchFilter selectOptions={[{ id: 'id value', name: 'name value'}]} />
+ * @deprecated this component is not recommended for use in new projects
+ */
 declare const ObjectSearchFilter: ({ requireContentType, typeSelectorAllTypesOptionText, searchInputName, searchInputPlaceholderText, selectLabel, selectOptions, }: ObjectSearchFilterProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 type ObjectSearchFilterContainerProps = {
@@ -955,6 +961,7 @@ type ObjectSearchFilterContainerProps = {
 /**
  * @description an opinionated layout for search filters
  * @example <ObjectSearchFilterContainer label="my label"><input type="text" aria-label="my input" /></ObjectSearchFilterContainer>
+ * @deprecated this component is not recommended for use in new projects
  */
 declare const ObjectSearchFilterContainer: ({ children }: ObjectSearchFilterContainerProps) => _emotion_react_jsx_runtime.JSX.Element;
 
@@ -977,6 +984,7 @@ type ObjectSearchResultItemProps = SelectedItemProps & {
 /**
  * @description An opinionated result item, best used for selected results
  * @example <ObjectSearchResultItem id="my-result" title="title" />
+ * @deprecated this component is not recommended for use in new projects
  */
 declare const ObjectSearchResultItem: ({ id, title, contentType, popoverData, publishStatus, editLinkIcon, editLink, imageUrl, onRemove, createdAt, publishedAt, hideRemoveButton, disableDnD, children, onClick, }: ObjectSearchResultItemProps) => _emotion_react_jsx_runtime.JSX.Element;
 
@@ -1056,7 +1064,13 @@ type ObjectSearchProviderProps = {
     isMulti?: boolean;
     defaultQuery?: SearchQueryProps;
 };
+/**
+ * @deprecated this component is not recommended for use in new projects
+ */
 declare const ObjectSearchProvider: ({ currentlySelectedItems, isMulti, children, defaultQuery, }: ObjectSearchProviderProps) => _emotion_react_jsx_runtime.JSX.Element;
+/**
+ * @deprecated this component is not recommended for use in new projects
+ */
 declare function useObjectSearchContext<TExtraSearchFilters = unknown, TExtraItemProps = unknown>(): ObjectSearchContextProps<TExtraSearchFilters, TExtraItemProps>;
 
 type ObjectSearchListItemProps = SelectedItemProps & {
@@ -1078,7 +1092,9 @@ type ObjectSearchListItemProps = SelectedItemProps & {
 } & React$1.HTMLAttributes<HTMLDivElement>;
 /**
  * @description entry search list item is an opinionated UI component best used for initial retrieved results
- * @example <ObjectSearchListItem  id="my-result-item" title="title" popoverData={<p>some data info</p>}><div>example of uncontrolled content</div></ObjectSearchListItem> */
+ * @example <ObjectSearchListItem  id="my-result-item" title="title" popoverData={<p>some data info</p>}><div>example of uncontrolled content</div></ObjectSearchListItem>
+ * @deprecated this component is not recommended for use in new projects
+ */
 declare const ObjectSearchListItem: ({ id, title, contentType, imageUrl, popoverData, onSelect, isMulti, disabled, children, ...props }: ObjectSearchListItemProps & React$1.HTMLAttributes<HTMLDivElement>) => _emotion_react_jsx_runtime.JSX.Element;
 /**
  * An opinionated loading skeleton component best used with ObjectSearchListItem
@@ -1097,12 +1113,14 @@ type ObjectSearchResultItemButtonProps<THtml extends HTMLAttributes<HTMLElement>
 /**
  * @description An opinionated button component best used within the ObjectSearchResultItem component
  * @example <ObjectSearchResultItemButton text="button text" icon="/my-image.png" onClick={() => myFunction()} />
+ * @deprecated this component is not recommended for use in new projects
  */
 declare const ObjectSearchResultItemButton: ({ text, icon, ...props }: ObjectSearchResultItemButtonProps<HTMLAttributes<HTMLButtonElement>>) => _emotion_react_jsx_runtime.JSX.Element;
 /**
  * @description An opinionated link component styled the same of the ObjectSearchResultItemButton component,
  * that automatically sets the target and rel attributes. Best used within the ObjectSearchResultItem component
  * @example <LinkButton text="link text" icon="/my-image.png" />
+ * @deprecated this component is not recommended for use in new projects
  */
 declare const LinkButton: ({ text, icon, ...props }: ObjectSearchResultItemButtonProps<Omit<AnchorHTMLAttributes<HTMLAnchorElement>, "target" | "rel">>) => _emotion_react_jsx_runtime.JSX.Element;
 
@@ -1147,6 +1165,7 @@ type ObjectSearchResultListProps<TRenderComponent extends SelectedItemProps = Se
  * The result item component defaults to <ObjectSearchResultItem {...props} />, however this can be overridden with any other UI component and still
  * maintain drag and drop functionality
  * @example <ObjectSearchResultList id="my-id" title="title" renderResultComponent={(values) => <CustomComponent {...values} />} />
+ * @deprecated this component is not recommended for use in new projects
  */
 declare function ObjectSearchResultList<TRenderComponent extends SelectedItemProps = SelectedItemProps>({ resultLabelText, removeButtonText, onRemoveAllSelected, hideRemoveButton, resultLabelOverride, additionalButtons, renderResultComponent, multiSelectId, disableDnD, getContainerForDnDReparenting, whenNothingSelected, }: ObjectSearchResultListProps<TRenderComponent>): _emotion_react_jsx_runtime.JSX.Element;
 
@@ -1216,6 +1235,7 @@ type QueryFilterProps<TSelectOptions extends QueryFilterSelectionOptionProps = Q
 /**
  * @description An opinionated multi query filter UI component, best used for querying product data or more complex scenarios
  * @example <QueryFilter contentTypeOptions={[{ id: 'id', name: 'name' }]} sortOptions={[{ id: 'id', name: 'name' }]} sortOrderOptions={[{ id: 'id', name: 'name' }]} />
+ * @deprecated this component is not recommended for use in new projects
  */
 declare const QueryFilter: ({ requireContentType, queryFilterTitle, contentTypeLabel, typeSelectorAllTypesOptionText, contentTypeOptions, searchInputName, searchInputPlaceholderText, searchInputLabel, countLabel, sortLabel, sortOptions, sortOrderLabel, sortOrderOptions, children, }: QueryFilterProps) => _emotion_react_jsx_runtime.JSX.Element;
 

package/dist/index.d.ts

@@ -887,7 +887,9 @@ type DataRefreshButtonProps = HTMLAttributes<HTMLButtonElement> & {
 };
 /**
  * @description The data refresh button is a UI component to indicate to users a request for data is taking place
- * @example <DataRefreshButton buttonText="my button" isLoading /> */
+ * @example <DataRefreshButton buttonText="my button" isLoading />
+ * @deprecated this component is not recommended for use in new projects
+ */
 declare const DataRefreshButton: ({ buttonText, isLoading, onRefreshData, ...props }: DataRefreshButtonProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 type ObjectSearchContainerProps = {
@@ -914,7 +916,9 @@ type ObjectSearchContainerProps = {
 };
 /**
  * @description Object search container is an opinionated layout for search parameters and retrieved results
- * @example  <ObjectSearchContainer searchFilters={<>your component</>} resultList={<>your result list component<>} onSave={yourSaveAction} onCancel={yourCancelAction} /> */
+ * @example  <ObjectSearchContainer searchFilters={<>your component</>} resultList={<>your result list component<>} onSave={yourSaveAction} onCancel={yourCancelAction} />
+ * @deprecated this component is not recommended for use in new projects
+ */
 declare const ObjectSearchContainer: ({ label, enableDynamicInputToResultId, searchFilters, resultList, children, }: ObjectSearchContainerProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 type ObjectSearchFilterProps = {
@@ -945,7 +949,9 @@ type ObjectSearchFilterProps = {
 /**
  * @description Object search filter is an opinionated filter that has pre-defined query and setQuery functions
  * that can be extended with custom functions
- * @example  <ObjectSearchFilter selectOptions={[{ id: 'id value', name: 'name value'}]} /> */
+ * @example  <ObjectSearchFilter selectOptions={[{ id: 'id value', name: 'name value'}]} />
+ * @deprecated this component is not recommended for use in new projects
+ */
 declare const ObjectSearchFilter: ({ requireContentType, typeSelectorAllTypesOptionText, searchInputName, searchInputPlaceholderText, selectLabel, selectOptions, }: ObjectSearchFilterProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 type ObjectSearchFilterContainerProps = {
@@ -955,6 +961,7 @@ type ObjectSearchFilterContainerProps = {
 /**
  * @description an opinionated layout for search filters
  * @example <ObjectSearchFilterContainer label="my label"><input type="text" aria-label="my input" /></ObjectSearchFilterContainer>
+ * @deprecated this component is not recommended for use in new projects
  */
 declare const ObjectSearchFilterContainer: ({ children }: ObjectSearchFilterContainerProps) => _emotion_react_jsx_runtime.JSX.Element;
 
@@ -977,6 +984,7 @@ type ObjectSearchResultItemProps = SelectedItemProps & {
 /**
  * @description An opinionated result item, best used for selected results
  * @example <ObjectSearchResultItem id="my-result" title="title" />
+ * @deprecated this component is not recommended for use in new projects
  */
 declare const ObjectSearchResultItem: ({ id, title, contentType, popoverData, publishStatus, editLinkIcon, editLink, imageUrl, onRemove, createdAt, publishedAt, hideRemoveButton, disableDnD, children, onClick, }: ObjectSearchResultItemProps) => _emotion_react_jsx_runtime.JSX.Element;
 
@@ -1056,7 +1064,13 @@ type ObjectSearchProviderProps = {
     isMulti?: boolean;
     defaultQuery?: SearchQueryProps;
 };
+/**
+ * @deprecated this component is not recommended for use in new projects
+ */
 declare const ObjectSearchProvider: ({ currentlySelectedItems, isMulti, children, defaultQuery, }: ObjectSearchProviderProps) => _emotion_react_jsx_runtime.JSX.Element;
+/**
+ * @deprecated this component is not recommended for use in new projects
+ */
 declare function useObjectSearchContext<TExtraSearchFilters = unknown, TExtraItemProps = unknown>(): ObjectSearchContextProps<TExtraSearchFilters, TExtraItemProps>;
 
 type ObjectSearchListItemProps = SelectedItemProps & {
@@ -1078,7 +1092,9 @@ type ObjectSearchListItemProps = SelectedItemProps & {
 } & React$1.HTMLAttributes<HTMLDivElement>;
 /**
  * @description entry search list item is an opinionated UI component best used for initial retrieved results
- * @example <ObjectSearchListItem  id="my-result-item" title="title" popoverData={<p>some data info</p>}><div>example of uncontrolled content</div></ObjectSearchListItem> */
+ * @example <ObjectSearchListItem  id="my-result-item" title="title" popoverData={<p>some data info</p>}><div>example of uncontrolled content</div></ObjectSearchListItem>
+ * @deprecated this component is not recommended for use in new projects
+ */
 declare const ObjectSearchListItem: ({ id, title, contentType, imageUrl, popoverData, onSelect, isMulti, disabled, children, ...props }: ObjectSearchListItemProps & React$1.HTMLAttributes<HTMLDivElement>) => _emotion_react_jsx_runtime.JSX.Element;
 /**
  * An opinionated loading skeleton component best used with ObjectSearchListItem
@@ -1097,12 +1113,14 @@ type ObjectSearchResultItemButtonProps<THtml extends HTMLAttributes<HTMLElement>
 /**
  * @description An opinionated button component best used within the ObjectSearchResultItem component
  * @example <ObjectSearchResultItemButton text="button text" icon="/my-image.png" onClick={() => myFunction()} />
+ * @deprecated this component is not recommended for use in new projects
  */
 declare const ObjectSearchResultItemButton: ({ text, icon, ...props }: ObjectSearchResultItemButtonProps<HTMLAttributes<HTMLButtonElement>>) => _emotion_react_jsx_runtime.JSX.Element;
 /**
  * @description An opinionated link component styled the same of the ObjectSearchResultItemButton component,
  * that automatically sets the target and rel attributes. Best used within the ObjectSearchResultItem component
  * @example <LinkButton text="link text" icon="/my-image.png" />
+ * @deprecated this component is not recommended for use in new projects
  */
 declare const LinkButton: ({ text, icon, ...props }: ObjectSearchResultItemButtonProps<Omit<AnchorHTMLAttributes<HTMLAnchorElement>, "target" | "rel">>) => _emotion_react_jsx_runtime.JSX.Element;
 
@@ -1147,6 +1165,7 @@ type ObjectSearchResultListProps<TRenderComponent extends SelectedItemProps = Se
  * The result item component defaults to <ObjectSearchResultItem {...props} />, however this can be overridden with any other UI component and still
  * maintain drag and drop functionality
  * @example <ObjectSearchResultList id="my-id" title="title" renderResultComponent={(values) => <CustomComponent {...values} />} />
+ * @deprecated this component is not recommended for use in new projects
  */
 declare function ObjectSearchResultList<TRenderComponent extends SelectedItemProps = SelectedItemProps>({ resultLabelText, removeButtonText, onRemoveAllSelected, hideRemoveButton, resultLabelOverride, additionalButtons, renderResultComponent, multiSelectId, disableDnD, getContainerForDnDReparenting, whenNothingSelected, }: ObjectSearchResultListProps<TRenderComponent>): _emotion_react_jsx_runtime.JSX.Element;
 
@@ -1216,6 +1235,7 @@ type QueryFilterProps<TSelectOptions extends QueryFilterSelectionOptionProps = Q
 /**
  * @description An opinionated multi query filter UI component, best used for querying product data or more complex scenarios
  * @example <QueryFilter contentTypeOptions={[{ id: 'id', name: 'name' }]} sortOptions={[{ id: 'id', name: 'name' }]} sortOrderOptions={[{ id: 'id', name: 'name' }]} />
+ * @deprecated this component is not recommended for use in new projects
  */
 declare const QueryFilter: ({ requireContentType, queryFilterTitle, contentTypeLabel, typeSelectorAllTypesOptionText, contentTypeOptions, searchInputName, searchInputPlaceholderText, searchInputLabel, countLabel, sortLabel, sortOptions, sortOrderLabel, sortOrderOptions, children, }: QueryFilterProps) => _emotion_react_jsx_runtime.JSX.Element;
 

package/dist/index.esm.js

@@ -1808,7 +1808,7 @@ var menuBtn2 = css4`
   transform: translateY(-50%);
 `;
 var input = css4`
-  --input-padding: 12px var(--spacing-base) 12px var(--spacing-sm);
+  --input-padding: 12px var(--spacing-lg) 12px var(--spacing-sm);
   appearance: none;
   background-color: var(--white);
   border: 1px solid var(--gray-300);

package/dist/index.js

@@ -1948,7 +1948,7 @@ var menuBtn2 = import_react18.css`
   transform: translateY(-50%);
 `;
 var input = import_react18.css`
-  --input-padding: 12px var(--spacing-base) 12px var(--spacing-sm);
+  --input-padding: 12px var(--spacing-lg) 12px var(--spacing-sm);
   appearance: none;
   background-color: var(--white);
   border: 1px solid var(--gray-300);

package/dist/index.mjs

@@ -1808,7 +1808,7 @@ var menuBtn2 = css4`
   transform: translateY(-50%);
 `;
 var input = css4`
-  --input-padding: 12px var(--spacing-base) 12px var(--spacing-sm);
+  --input-padding: 12px var(--spacing-lg) 12px var(--spacing-sm);
   appearance: none;
   background-color: var(--white);
   border: 1px solid var(--gray-300);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uniformdev/mesh-sdk-react",
-  "version": "20.8.2-alpha.31+dc19eea5f9",
+  "version": "20.9.1-alpha.16+5d93781920",
   "description": "Uniform Mesh Framework SDK for React",
   "license": "SEE LICENSE IN LICENSE.txt",
   "main": "./dist/index.js",
@@ -49,11 +49,11 @@
     "@lexical/react": "0.25.0",
     "@lexical/selection": "0.25.0",
     "@lexical/utils": "0.25.0",
-    "@react-icons/all-files": "https://github.com/react-icons/react-icons/releases/download/v5.2.1/react-icons-all-files-5.2.1.tgz",
-    "@uniformdev/canvas": "20.8.2-alpha.31+dc19eea5f9",
-    "@uniformdev/design-system": "20.8.2-alpha.31+dc19eea5f9",
-    "@uniformdev/mesh-sdk": "20.8.2-alpha.31+dc19eea5f9",
-    "@uniformdev/richtext": "20.8.2-alpha.31+dc19eea5f9",
+    "@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.9.1-alpha.16+5d93781920",
+    "@uniformdev/design-system": "20.9.1-alpha.16+5d93781920",
+    "@uniformdev/mesh-sdk": "20.9.1-alpha.16+5d93781920",
+    "@uniformdev/richtext": "20.9.1-alpha.16+5d93781920",
     "dequal": "^2.0.3",
     "lexical": "0.25.0",
     "mitt": "3.0.1",
@@ -86,5 +86,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "dc19eea5f979ff3b4526db1dd75a2e1e0f4f43f7"
+  "gitHead": "5d937819205e0fe171a5b51f2e204cddc910cbf3"
 }