@uniformdev/mesh-sdk-react 20.7.1-alpha.23 → 20.7.1-alpha.28

package/dist/index.d.mts

@@ -98,6 +98,8 @@ declare function useMeshLocation<TLocationType extends MeshLocation['type'], TLo
     type: TLocationType;
 }> | Extract<_uniformdev_mesh_sdk.PersonalizationCriteriaLocation<TLocationValue, unknown>, {
     type: TLocationType;
+}> | Extract<_uniformdev_mesh_sdk.ToolLocation<TLocationValue, unknown>, {
+    type: TLocationType;
 }>, "setValue"> & {
     setValue: SetLocationValueDispatch<(Extract<_uniformdev_mesh_sdk.AssetLibraryLocation, {
         type: TLocationType;
@@ -125,6 +127,8 @@ declare function useMeshLocation<TLocationType extends MeshLocation['type'], TLo
         type: TLocationType;
     }> | Extract<_uniformdev_mesh_sdk.PersonalizationCriteriaLocation<TLocationValue, unknown>, {
         type: TLocationType;
+    }> | Extract<_uniformdev_mesh_sdk.ToolLocation<TLocationValue, unknown>, {
+        type: TLocationType;
     }>)["value"], Parameters<(Extract<_uniformdev_mesh_sdk.AssetLibraryLocation, {
         type: TLocationType;
     }> | Extract<_uniformdev_mesh_sdk.AssetParameterLocation, {
@@ -151,6 +155,8 @@ declare function useMeshLocation<TLocationType extends MeshLocation['type'], TLo
         type: TLocationType;
     }> | Extract<_uniformdev_mesh_sdk.PersonalizationCriteriaLocation<TLocationValue, unknown>, {
         type: TLocationType;
+    }> | Extract<_uniformdev_mesh_sdk.ToolLocation<TLocationValue, unknown>, {
+        type: TLocationType;
     }>)["setValue"]>[0]>;
 };
 type SetLocationValueDispatch<TValue, TSetValue = TValue> = (dispatch: SetLocationValueFunction<TValue, TSetValue>) => Promise<void> | void;
@@ -887,7 +893,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 +922,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 +955,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 +967,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 +990,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 +1070,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 +1098,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 +1119,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 +1171,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 +1241,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;
 
@@ -1787,7 +1813,7 @@ type SearchAndFilterProps = Omit<SearchAndFilterProviderProps, 'children'> & {
     /** sets the reset filter values */
     resetFilterValues?: Filter[];
     /** The filter mapper function */
-    filterMapper?: Record<FilterEditor, React$1.ComponentType<any> | null>;
+    filterMapper?: FilterMapper;
     /** Component to render inside filters container right below main Filters widget
      *  that should contain additional controls like filters
      *  which do not fit main structure or sorting */

package/dist/index.d.ts

@@ -98,6 +98,8 @@ declare function useMeshLocation<TLocationType extends MeshLocation['type'], TLo
     type: TLocationType;
 }> | Extract<_uniformdev_mesh_sdk.PersonalizationCriteriaLocation<TLocationValue, unknown>, {
     type: TLocationType;
+}> | Extract<_uniformdev_mesh_sdk.ToolLocation<TLocationValue, unknown>, {
+    type: TLocationType;
 }>, "setValue"> & {
     setValue: SetLocationValueDispatch<(Extract<_uniformdev_mesh_sdk.AssetLibraryLocation, {
         type: TLocationType;
@@ -125,6 +127,8 @@ declare function useMeshLocation<TLocationType extends MeshLocation['type'], TLo
         type: TLocationType;
     }> | Extract<_uniformdev_mesh_sdk.PersonalizationCriteriaLocation<TLocationValue, unknown>, {
         type: TLocationType;
+    }> | Extract<_uniformdev_mesh_sdk.ToolLocation<TLocationValue, unknown>, {
+        type: TLocationType;
     }>)["value"], Parameters<(Extract<_uniformdev_mesh_sdk.AssetLibraryLocation, {
         type: TLocationType;
     }> | Extract<_uniformdev_mesh_sdk.AssetParameterLocation, {
@@ -151,6 +155,8 @@ declare function useMeshLocation<TLocationType extends MeshLocation['type'], TLo
         type: TLocationType;
     }> | Extract<_uniformdev_mesh_sdk.PersonalizationCriteriaLocation<TLocationValue, unknown>, {
         type: TLocationType;
+    }> | Extract<_uniformdev_mesh_sdk.ToolLocation<TLocationValue, unknown>, {
+        type: TLocationType;
     }>)["setValue"]>[0]>;
 };
 type SetLocationValueDispatch<TValue, TSetValue = TValue> = (dispatch: SetLocationValueFunction<TValue, TSetValue>) => Promise<void> | void;
@@ -887,7 +893,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 +922,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 +955,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 +967,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 +990,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 +1070,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 +1098,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 +1119,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 +1171,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 +1241,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;
 
@@ -1787,7 +1813,7 @@ type SearchAndFilterProps = Omit<SearchAndFilterProviderProps, 'children'> & {
     /** sets the reset filter values */
     resetFilterValues?: Filter[];
     /** The filter mapper function */
-    filterMapper?: Record<FilterEditor, React$1.ComponentType<any> | null>;
+    filterMapper?: FilterMapper;
     /** Component to render inside filters container right below main Filters widget
      *  that should contain additional controls like filters
      *  which do not fit main structure or sorting */

package/dist/index.esm.js

@@ -2483,7 +2483,7 @@ function InputVariables(props) {
             gap: "xs",
             css: css7`
           position: relative;
-          & > div:first-child {
+          & > div:first-of-type {
             flex-grow: 1;
           }
         `,

package/dist/index.js

@@ -2611,7 +2611,7 @@ function InputVariables(props) {
             gap: "xs",
             css: import_react27.css`
           position: relative;
-          & > div:first-child {
+          & > div:first-of-type {
             flex-grow: 1;
           }
         `,

package/dist/index.mjs

@@ -2483,7 +2483,7 @@ function InputVariables(props) {
             gap: "xs",
             css: css7`
           position: relative;
-          & > div:first-child {
+          & > div:first-of-type {
             flex-grow: 1;
           }
         `,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uniformdev/mesh-sdk-react",
-  "version": "20.7.1-alpha.23+37257141fc",
+  "version": "20.7.1-alpha.28+5b9868df5c",
   "description": "Uniform Mesh Framework SDK for React",
   "license": "SEE LICENSE IN LICENSE.txt",
   "main": "./dist/index.js",
@@ -41,7 +41,7 @@
     "test": "jest --maxWorkers=1 --passWithNoTests",
     "lint": "eslint \"src/**/*.{js,ts,tsx}\"",
     "format": "prettier --write \"src/**/*.{js,ts,tsx}\"",
-    "document": "api-extractor run --local"
+    "document:prebuild": "api-extractor run --local"
   },
   "dependencies": {
     "@hookform/resolvers": "^3.3.1",
@@ -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.7.1-alpha.23+37257141fc",
-    "@uniformdev/design-system": "20.7.1-alpha.23+37257141fc",
-    "@uniformdev/mesh-sdk": "20.7.1-alpha.23+37257141fc",
-    "@uniformdev/richtext": "20.7.1-alpha.23+37257141fc",
+    "@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.7.1-alpha.28+5b9868df5c",
+    "@uniformdev/design-system": "20.7.1-alpha.28+5b9868df5c",
+    "@uniformdev/mesh-sdk": "20.7.1-alpha.28+5b9868df5c",
+    "@uniformdev/richtext": "20.7.1-alpha.28+5b9868df5c",
     "dequal": "^2.0.3",
     "lexical": "0.25.0",
     "mitt": "3.0.1",
@@ -86,5 +86,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "37257141fcca7a9e77b96fad775141380e9dffb0"
+  "gitHead": "5b9868df5c62413be37a4f1e59c11f05d52ac169"
 }