@uniformdev/mesh-sdk-react 19.138.1-alpha.4 → 19.141.1-alpha.5

package/dist/index.d.mts

@@ -1291,13 +1291,21 @@ type ObjectSearchContextProps<TExtraFilters = unknown, TExtraItemProps = unknown
     onSetList?: (value: ItemListProps) => void;
     /** is multi items selection allowed or not */
     isMulti: boolean;
+    /** Locale options for filtering. Will be picked up and render inside default ObjectSearchFilter implementation */
     localeOptions?: {
         label: string;
         value: string;
     }[];
+    /** For backwards compatibility you need to explicitly enable default locale filter. */
     enableFilterByLocale?: boolean;
+    /** Indicator of weather or not render loader for search results list */
     isListLoading?: boolean;
+    /** Indicator of weather or not render loader for selected items list */
     isSelectedItemsListLoading?: boolean;
+    /**
+     *  Dynamic entry id for dynamic entry filtering, if instead of static entry being selected - bound dynamic value is being used.
+     *  You can use `import { hasReferencedVariables } from '@uniformdev/mesh-sdk-react';` to check if you value contains variable.
+     *  */
     dynamicEntryId?: string;
 };
 declare const ObjectSearchContext: React$1.Context<ObjectSearchContextProps<unknown, unknown>>;
@@ -1417,7 +1425,7 @@ type ObjectSearchListItemProps = SelectedItemProps & {
 /**
  * @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> */
-declare const ObjectSearchListItem: ({ id, title, contentType, image, imageUrl, popoverData, onSelect, isMulti, disabled, children, ...props }: ObjectSearchListItemProps & React$1.HTMLAttributes<HTMLDivElement>) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare const ObjectSearchListItem: ({ id, title, contentType, image, imageUrl, popoverData, onSelect, isMulti, disabled, children, editLink, editLinkIcon, createdAt, publishStatus, publishedAt, ...props }: ObjectSearchListItemProps & React$1.HTMLAttributes<HTMLDivElement>) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 /**
  * An opinionated loading skeleton component best used with ObjectSearchListItem
  * @example <ObjectSearchListItemLoadingSkeleton />
@@ -1593,18 +1601,22 @@ type ControlledObjectSearchProviderProps = {
     children: ReactNode;
     selectedItems: Array<SelectedItemProps> | undefined;
     searchResultItems: Array<SelectedItemProps> | undefined;
-    selectedItemsLoading?: boolean;
-    searchResultItemsLoading?: boolean;
-    searchResultListLoading?: boolean;
-    onQueryChange: (value: SearchQueryProps) => void;
+    isSelectedItemsListLoading?: boolean;
+    isSearchResultsLoading?: boolean;
     onSelectItemsChange: (selectedItems: Array<SelectedItemProps>) => void;
     isMulti?: boolean;
-    query: SearchQueryProps;
+    /** @deprecated use SearchAndFilter instead. Exists for migration purposes from <ObjectSearchProvider> */
+    query?: SearchQueryProps;
+    /** @deprecated use SearchAndFilter instead. Exists for migration purposes from <ObjectSearchProvider> */
+    onQueryChange?: (value: SearchQueryProps) => void;
+    /** @deprecated use SearchAndFilter instead. Exists for migration purposes from <ObjectSearchProvider> */
     localeOptions?: ObjectSearchContextProps['localeOptions'];
+    /** @deprecated use SearchAndFilter instead. Exists for migration purposes from <ObjectSearchProvider> */
     enableFilterByLocale?: ObjectSearchContextProps['enableFilterByLocale'];
+    /** @deprecated use SearchAndFilter instead */
     dynamicEntryId?: ObjectSearchContextProps['dynamicEntryId'];
 };
-declare const ControlledObjectSearchProvider: ({ selectedItems, searchResultItems, selectedItemsLoading, searchResultListLoading, searchResultItemsLoading, onQueryChange, onSelectItemsChange, isMulti, children, query, enableFilterByLocale, localeOptions, dynamicEntryId, }: ControlledObjectSearchProviderProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare const ControlledObjectSearchProvider: ({ selectedItems, searchResultItems, isSelectedItemsListLoading, isSearchResultsLoading, onSelectItemsChange, isMulti, children, onQueryChange, query, enableFilterByLocale, localeOptions, dynamicEntryId, }: ControlledObjectSearchProviderProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
 type ParamTypeDynamicDataProviderProps = {
     /** Child components of the provider. Variables-using components, such as ParameterVariables, can be used here. */

package/dist/index.d.ts

@@ -1291,13 +1291,21 @@ type ObjectSearchContextProps<TExtraFilters = unknown, TExtraItemProps = unknown
     onSetList?: (value: ItemListProps) => void;
     /** is multi items selection allowed or not */
     isMulti: boolean;
+    /** Locale options for filtering. Will be picked up and render inside default ObjectSearchFilter implementation */
     localeOptions?: {
         label: string;
         value: string;
     }[];
+    /** For backwards compatibility you need to explicitly enable default locale filter. */
     enableFilterByLocale?: boolean;
+    /** Indicator of weather or not render loader for search results list */
     isListLoading?: boolean;
+    /** Indicator of weather or not render loader for selected items list */
     isSelectedItemsListLoading?: boolean;
+    /**
+     *  Dynamic entry id for dynamic entry filtering, if instead of static entry being selected - bound dynamic value is being used.
+     *  You can use `import { hasReferencedVariables } from '@uniformdev/mesh-sdk-react';` to check if you value contains variable.
+     *  */
     dynamicEntryId?: string;
 };
 declare const ObjectSearchContext: React$1.Context<ObjectSearchContextProps<unknown, unknown>>;
@@ -1417,7 +1425,7 @@ type ObjectSearchListItemProps = SelectedItemProps & {
 /**
  * @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> */
-declare const ObjectSearchListItem: ({ id, title, contentType, image, imageUrl, popoverData, onSelect, isMulti, disabled, children, ...props }: ObjectSearchListItemProps & React$1.HTMLAttributes<HTMLDivElement>) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare const ObjectSearchListItem: ({ id, title, contentType, image, imageUrl, popoverData, onSelect, isMulti, disabled, children, editLink, editLinkIcon, createdAt, publishStatus, publishedAt, ...props }: ObjectSearchListItemProps & React$1.HTMLAttributes<HTMLDivElement>) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 /**
  * An opinionated loading skeleton component best used with ObjectSearchListItem
  * @example <ObjectSearchListItemLoadingSkeleton />
@@ -1593,18 +1601,22 @@ type ControlledObjectSearchProviderProps = {
     children: ReactNode;
     selectedItems: Array<SelectedItemProps> | undefined;
     searchResultItems: Array<SelectedItemProps> | undefined;
-    selectedItemsLoading?: boolean;
-    searchResultItemsLoading?: boolean;
-    searchResultListLoading?: boolean;
-    onQueryChange: (value: SearchQueryProps) => void;
+    isSelectedItemsListLoading?: boolean;
+    isSearchResultsLoading?: boolean;
     onSelectItemsChange: (selectedItems: Array<SelectedItemProps>) => void;
     isMulti?: boolean;
-    query: SearchQueryProps;
+    /** @deprecated use SearchAndFilter instead. Exists for migration purposes from <ObjectSearchProvider> */
+    query?: SearchQueryProps;
+    /** @deprecated use SearchAndFilter instead. Exists for migration purposes from <ObjectSearchProvider> */
+    onQueryChange?: (value: SearchQueryProps) => void;
+    /** @deprecated use SearchAndFilter instead. Exists for migration purposes from <ObjectSearchProvider> */
     localeOptions?: ObjectSearchContextProps['localeOptions'];
+    /** @deprecated use SearchAndFilter instead. Exists for migration purposes from <ObjectSearchProvider> */
     enableFilterByLocale?: ObjectSearchContextProps['enableFilterByLocale'];
+    /** @deprecated use SearchAndFilter instead */
     dynamicEntryId?: ObjectSearchContextProps['dynamicEntryId'];
 };
-declare const ControlledObjectSearchProvider: ({ selectedItems, searchResultItems, selectedItemsLoading, searchResultListLoading, searchResultItemsLoading, onQueryChange, onSelectItemsChange, isMulti, children, query, enableFilterByLocale, localeOptions, dynamicEntryId, }: ControlledObjectSearchProviderProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare const ControlledObjectSearchProvider: ({ selectedItems, searchResultItems, isSelectedItemsListLoading, isSearchResultsLoading, onSelectItemsChange, isMulti, children, onQueryChange, query, enableFilterByLocale, localeOptions, dynamicEntryId, }: ControlledObjectSearchProviderProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
 type ParamTypeDynamicDataProviderProps = {
     /** Child components of the provider. Variables-using components, such as ParameterVariables, can be used here. */

package/dist/index.esm.js

@@ -4528,14 +4528,14 @@ function VariableField({
 }) {
   const { variables } = useVariables(true);
   const varCount = Object.keys(variables).length;
-  const variableSelector = (varCount > 0 || (selectVariableMenuOptions == null ? void 0 : selectVariableMenuOptions.showAddVariableMenuOption)) && !disableVariables ? /* @__PURE__ */ jsx37(
+  const variableSelector = (varCount > 0 || (selectVariableMenuOptions == null ? void 0 : selectVariableMenuOptions.showAddVariableMenuOption)) && !disableVariables ? /* @__PURE__ */ jsx37("div", { "data-testid": "label-var-menu", children: /* @__PURE__ */ jsx37(
     VariablesComposerVariableMenu,
     {
       ...selectVariableMenuOptions,
       buttonCss: [variableBindButton2, selectVariableMenuOptions == null ? void 0 : selectVariableMenuOptions.buttonCss],
       buttonProps: isActive ? { "aria-pressed": "true" } : void 0
     }
-  ) : null;
+  ) }) : null;
   return /* @__PURE__ */ jsxs20("div", { "data-testid": "variable-field", children: [
     /* @__PURE__ */ jsxs20("label", { htmlFor: id, css: labelText, "data-testid": "field-name", children: [
       variableSelector,
@@ -4942,7 +4942,7 @@ function InputVariablesOverlayMenu({
   if (disabled) {
     return /* @__PURE__ */ jsx40(Fragment10, { children });
   }
-  return /* @__PURE__ */ jsxs23("div", { css: menuContainer, children: [
+  return /* @__PURE__ */ jsxs23("div", { css: menuContainer, "data-testid": "inline-var-menu", children: [
     children,
     /* @__PURE__ */ jsx40(
       VariablesComposerVariableMenu,
@@ -6477,6 +6477,11 @@ var ObjectSearchListItem = ({
   isMulti,
   disabled,
   children,
+  editLink,
+  editLinkIcon,
+  createdAt,
+  publishStatus,
+  publishedAt,
   ...props
 }) => {
   const { onSelectItem, selectedListItems, isMulti: globalIsMulti } = useObjectSearchContext();
@@ -6751,9 +6756,9 @@ function ObjectSearchResultList({
   multiSelectId,
   disableDnD = false,
   getContainerForDnDReparenting,
-  whenNothingSelected = null
+  whenNothingSelected
 }) {
-  const { selectedListItems, onRemoveAllSelectedItems, onSelectItem } = useObjectSearchContext();
+  const { selectedListItems, onRemoveAllSelectedItems, onSelectItem, isSelectedItemsListLoading } = useObjectSearchContext();
   const handleRemoveAllSelectedItems = () => {
     onRemoveAllSelectedItems();
     onRemoveAllSelected == null ? void 0 : onRemoveAllSelected();
@@ -6789,6 +6794,9 @@ function ObjectSearchResultList({
       }
     );
   };
+  const showLoading = isSelectedItemsListLoading;
+  const showEmptyResults = !showLoading && !selectedListItems.length;
+  const showResults = !showLoading && !showEmptyResults;
   return /* @__PURE__ */ jsxs37(Fragment13, { children: [
     /* @__PURE__ */ jsxs37("div", { role: "group", css: ObjectSearchResultListContainer, children: [
       !resultLabelOverride ? /* @__PURE__ */ jsxs37("div", { role: "note", css: ObjectSearchResultListCounterContainer, children: [
@@ -6810,7 +6818,9 @@ function ObjectSearchResultList({
         )
       ] })
     ] }),
-    !selectedListItems.length ? whenNothingSelected : /* @__PURE__ */ jsx63(DragDropContext, { onDragEnd: (res) => onDragEnd(res), children: /* @__PURE__ */ jsx63(
+    showLoading ? /* @__PURE__ */ jsx63(Fragment13, { children: Array.from(Array(3).keys()).map((i) => /* @__PURE__ */ jsx63(ObjectSearchListItemLoadingSkeleton, {}, i)) }) : null,
+    showEmptyResults ? whenNothingSelected : null,
+    showResults ? /* @__PURE__ */ jsx63(DragDropContext, { onDragEnd: (res) => onDragEnd(res), children: /* @__PURE__ */ jsx63(
       Droppable3,
       {
         droppableId: multiSelectId != null ? multiSelectId : "canvas-multi-select",
@@ -6832,7 +6842,7 @@ function ObjectSearchResultList({
           provided.placeholder
         ] })
       }
-    ) })
+    ) }) : null
   ] });
 }
 
@@ -7289,14 +7299,14 @@ import { jsx as jsx69 } from "@emotion/react/jsx-runtime";
 var ControlledObjectSearchProvider = ({
   selectedItems,
   searchResultItems,
-  selectedItemsLoading,
-  searchResultListLoading,
-  searchResultItemsLoading,
-  onQueryChange,
+  isSelectedItemsListLoading,
+  isSearchResultsLoading,
   onSelectItemsChange,
   isMulti = false,
   children,
-  query,
+  onQueryChange = () => {
+  },
+  query = {},
   enableFilterByLocale,
   localeOptions,
   dynamicEntryId
@@ -7339,9 +7349,8 @@ var ControlledObjectSearchProvider = ({
       selectedListItems: selectedItems != null ? selectedItems : [],
       onRemoveAllSelectedItems,
       list,
-      selectedItemsLoading,
-      searchResultItemsLoading,
-      searchResultListLoading,
+      isSelectedItemsListLoading,
+      isListLoading: isSearchResultsLoading,
       isMulti,
       localeOptions,
       enableFilterByLocale,
@@ -7353,10 +7362,9 @@ var ControlledObjectSearchProvider = ({
       querySearchDeferred,
       onSelectItem,
       selectedItems,
-      selectedItemsLoading,
-      searchResultItemsLoading,
+      isSelectedItemsListLoading,
+      isSearchResultsLoading,
       onRemoveAllSelectedItems,
-      searchResultListLoading,
       list,
       isMulti,
       localeOptions,

package/dist/index.js

@@ -4705,14 +4705,14 @@ function VariableField({
 }) {
   const { variables } = useVariables(true);
   const varCount = Object.keys(variables).length;
-  const variableSelector = (varCount > 0 || (selectVariableMenuOptions == null ? void 0 : selectVariableMenuOptions.showAddVariableMenuOption)) && !disableVariables ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+  const variableSelector = (varCount > 0 || (selectVariableMenuOptions == null ? void 0 : selectVariableMenuOptions.showAddVariableMenuOption)) && !disableVariables ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { "data-testid": "label-var-menu", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
     VariablesComposerVariableMenu,
     {
       ...selectVariableMenuOptions,
       buttonCss: [variableBindButton2, selectVariableMenuOptions == null ? void 0 : selectVariableMenuOptions.buttonCss],
       buttonProps: isActive ? { "aria-pressed": "true" } : void 0
     }
-  ) : null;
+  ) }) : null;
   return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { "data-testid": "variable-field", children: [
     /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("label", { htmlFor: id, css: labelText, "data-testid": "field-name", children: [
       variableSelector,
@@ -5107,7 +5107,7 @@ function InputVariablesOverlayMenu({
   if (disabled) {
     return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_jsx_runtime40.Fragment, { children });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { css: menuContainer, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { css: menuContainer, "data-testid": "inline-var-menu", children: [
     children,
     /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
       VariablesComposerVariableMenu,
@@ -6607,6 +6607,11 @@ var ObjectSearchListItem = ({
   isMulti,
   disabled,
   children,
+  editLink,
+  editLinkIcon,
+  createdAt,
+  publishStatus,
+  publishedAt,
   ...props
 }) => {
   const { onSelectItem, selectedListItems, isMulti: globalIsMulti } = useObjectSearchContext();
@@ -6881,9 +6886,9 @@ function ObjectSearchResultList({
   multiSelectId,
   disableDnD = false,
   getContainerForDnDReparenting,
-  whenNothingSelected = null
+  whenNothingSelected
 }) {
-  const { selectedListItems, onRemoveAllSelectedItems, onSelectItem } = useObjectSearchContext();
+  const { selectedListItems, onRemoveAllSelectedItems, onSelectItem, isSelectedItemsListLoading } = useObjectSearchContext();
   const handleRemoveAllSelectedItems = () => {
     onRemoveAllSelectedItems();
     onRemoveAllSelected == null ? void 0 : onRemoveAllSelected();
@@ -6919,6 +6924,9 @@ function ObjectSearchResultList({
       }
     );
   };
+  const showLoading = isSelectedItemsListLoading;
+  const showEmptyResults = !showLoading && !selectedListItems.length;
+  const showResults = !showLoading && !showEmptyResults;
   return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(import_jsx_runtime63.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { role: "group", css: ObjectSearchResultListContainer, children: [
       !resultLabelOverride ? /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { role: "note", css: ObjectSearchResultListCounterContainer, children: [
@@ -6940,7 +6948,9 @@ function ObjectSearchResultList({
         )
       ] })
     ] }),
-    !selectedListItems.length ? whenNothingSelected : /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(DragDropContext, { onDragEnd: (res) => onDragEnd(res), children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+    showLoading ? /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_jsx_runtime63.Fragment, { children: Array.from(Array(3).keys()).map((i) => /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(ObjectSearchListItemLoadingSkeleton, {}, i)) }) : null,
+    showEmptyResults ? whenNothingSelected : null,
+    showResults ? /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(DragDropContext, { onDragEnd: (res) => onDragEnd(res), children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
       import_react_beautiful_dnd4.Droppable,
       {
         droppableId: multiSelectId != null ? multiSelectId : "canvas-multi-select",
@@ -6962,7 +6972,7 @@ function ObjectSearchResultList({
           provided.placeholder
         ] })
       }
-    ) })
+    ) }) : null
   ] });
 }
 
@@ -7419,14 +7429,14 @@ var import_jsx_runtime69 = require("@emotion/react/jsx-runtime");
 var ControlledObjectSearchProvider = ({
   selectedItems,
   searchResultItems,
-  selectedItemsLoading,
-  searchResultListLoading,
-  searchResultItemsLoading,
-  onQueryChange,
+  isSelectedItemsListLoading,
+  isSearchResultsLoading,
   onSelectItemsChange,
   isMulti = false,
   children,
-  query,
+  onQueryChange = () => {
+  },
+  query = {},
   enableFilterByLocale,
   localeOptions,
   dynamicEntryId
@@ -7469,9 +7479,8 @@ var ControlledObjectSearchProvider = ({
       selectedListItems: selectedItems != null ? selectedItems : [],
       onRemoveAllSelectedItems,
       list,
-      selectedItemsLoading,
-      searchResultItemsLoading,
-      searchResultListLoading,
+      isSelectedItemsListLoading,
+      isListLoading: isSearchResultsLoading,
       isMulti,
       localeOptions,
       enableFilterByLocale,
@@ -7483,10 +7492,9 @@ var ControlledObjectSearchProvider = ({
       querySearchDeferred,
       onSelectItem,
       selectedItems,
-      selectedItemsLoading,
-      searchResultItemsLoading,
+      isSelectedItemsListLoading,
+      isSearchResultsLoading,
       onRemoveAllSelectedItems,
-      searchResultListLoading,
       list,
       isMulti,
       localeOptions,

package/dist/index.mjs

@@ -4528,14 +4528,14 @@ function VariableField({
 }) {
   const { variables } = useVariables(true);
   const varCount = Object.keys(variables).length;
-  const variableSelector = (varCount > 0 || (selectVariableMenuOptions == null ? void 0 : selectVariableMenuOptions.showAddVariableMenuOption)) && !disableVariables ? /* @__PURE__ */ jsx37(
+  const variableSelector = (varCount > 0 || (selectVariableMenuOptions == null ? void 0 : selectVariableMenuOptions.showAddVariableMenuOption)) && !disableVariables ? /* @__PURE__ */ jsx37("div", { "data-testid": "label-var-menu", children: /* @__PURE__ */ jsx37(
     VariablesComposerVariableMenu,
     {
       ...selectVariableMenuOptions,
       buttonCss: [variableBindButton2, selectVariableMenuOptions == null ? void 0 : selectVariableMenuOptions.buttonCss],
       buttonProps: isActive ? { "aria-pressed": "true" } : void 0
     }
-  ) : null;
+  ) }) : null;
   return /* @__PURE__ */ jsxs20("div", { "data-testid": "variable-field", children: [
     /* @__PURE__ */ jsxs20("label", { htmlFor: id, css: labelText, "data-testid": "field-name", children: [
       variableSelector,
@@ -4942,7 +4942,7 @@ function InputVariablesOverlayMenu({
   if (disabled) {
     return /* @__PURE__ */ jsx40(Fragment10, { children });
   }
-  return /* @__PURE__ */ jsxs23("div", { css: menuContainer, children: [
+  return /* @__PURE__ */ jsxs23("div", { css: menuContainer, "data-testid": "inline-var-menu", children: [
     children,
     /* @__PURE__ */ jsx40(
       VariablesComposerVariableMenu,
@@ -6477,6 +6477,11 @@ var ObjectSearchListItem = ({
   isMulti,
   disabled,
   children,
+  editLink,
+  editLinkIcon,
+  createdAt,
+  publishStatus,
+  publishedAt,
   ...props
 }) => {
   const { onSelectItem, selectedListItems, isMulti: globalIsMulti } = useObjectSearchContext();
@@ -6751,9 +6756,9 @@ function ObjectSearchResultList({
   multiSelectId,
   disableDnD = false,
   getContainerForDnDReparenting,
-  whenNothingSelected = null
+  whenNothingSelected
 }) {
-  const { selectedListItems, onRemoveAllSelectedItems, onSelectItem } = useObjectSearchContext();
+  const { selectedListItems, onRemoveAllSelectedItems, onSelectItem, isSelectedItemsListLoading } = useObjectSearchContext();
   const handleRemoveAllSelectedItems = () => {
     onRemoveAllSelectedItems();
     onRemoveAllSelected == null ? void 0 : onRemoveAllSelected();
@@ -6789,6 +6794,9 @@ function ObjectSearchResultList({
       }
     );
   };
+  const showLoading = isSelectedItemsListLoading;
+  const showEmptyResults = !showLoading && !selectedListItems.length;
+  const showResults = !showLoading && !showEmptyResults;
   return /* @__PURE__ */ jsxs37(Fragment13, { children: [
     /* @__PURE__ */ jsxs37("div", { role: "group", css: ObjectSearchResultListContainer, children: [
       !resultLabelOverride ? /* @__PURE__ */ jsxs37("div", { role: "note", css: ObjectSearchResultListCounterContainer, children: [
@@ -6810,7 +6818,9 @@ function ObjectSearchResultList({
         )
       ] })
     ] }),
-    !selectedListItems.length ? whenNothingSelected : /* @__PURE__ */ jsx63(DragDropContext, { onDragEnd: (res) => onDragEnd(res), children: /* @__PURE__ */ jsx63(
+    showLoading ? /* @__PURE__ */ jsx63(Fragment13, { children: Array.from(Array(3).keys()).map((i) => /* @__PURE__ */ jsx63(ObjectSearchListItemLoadingSkeleton, {}, i)) }) : null,
+    showEmptyResults ? whenNothingSelected : null,
+    showResults ? /* @__PURE__ */ jsx63(DragDropContext, { onDragEnd: (res) => onDragEnd(res), children: /* @__PURE__ */ jsx63(
       Droppable3,
       {
         droppableId: multiSelectId != null ? multiSelectId : "canvas-multi-select",
@@ -6832,7 +6842,7 @@ function ObjectSearchResultList({
           provided.placeholder
         ] })
       }
-    ) })
+    ) }) : null
   ] });
 }
 
@@ -7289,14 +7299,14 @@ import { jsx as jsx69 } from "@emotion/react/jsx-runtime";
 var ControlledObjectSearchProvider = ({
   selectedItems,
   searchResultItems,
-  selectedItemsLoading,
-  searchResultListLoading,
-  searchResultItemsLoading,
-  onQueryChange,
+  isSelectedItemsListLoading,
+  isSearchResultsLoading,
   onSelectItemsChange,
   isMulti = false,
   children,
-  query,
+  onQueryChange = () => {
+  },
+  query = {},
   enableFilterByLocale,
   localeOptions,
   dynamicEntryId
@@ -7339,9 +7349,8 @@ var ControlledObjectSearchProvider = ({
       selectedListItems: selectedItems != null ? selectedItems : [],
       onRemoveAllSelectedItems,
       list,
-      selectedItemsLoading,
-      searchResultItemsLoading,
-      searchResultListLoading,
+      isSelectedItemsListLoading,
+      isListLoading: isSearchResultsLoading,
       isMulti,
       localeOptions,
       enableFilterByLocale,
@@ -7353,10 +7362,9 @@ var ControlledObjectSearchProvider = ({
       querySearchDeferred,
       onSelectItem,
       selectedItems,
-      selectedItemsLoading,
-      searchResultItemsLoading,
+      isSelectedItemsListLoading,
+      isSearchResultsLoading,
       onRemoveAllSelectedItems,
-      searchResultListLoading,
       list,
       isMulti,
       localeOptions,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uniformdev/mesh-sdk-react",
-  "version": "19.138.1-alpha.4+7b94dbe2d8",
+  "version": "19.141.1-alpha.5+4c722bef9c",
   "description": "Uniform Mesh Framework SDK for React",
   "license": "SEE LICENSE IN LICENSE.txt",
   "main": "./dist/index.js",
@@ -50,9 +50,9 @@
     "@lexical/selection": "^0.12.0",
     "@lexical/utils": "^0.12.0",
     "@react-icons/all-files": "https://github.com/react-icons/react-icons/releases/download/v4.10.1/react-icons-all-files-4.10.1.tgz",
-    "@uniformdev/canvas": "19.138.1-alpha.4+7b94dbe2d8",
-    "@uniformdev/design-system": "19.138.1-alpha.4+7b94dbe2d8",
-    "@uniformdev/mesh-sdk": "19.138.1-alpha.4+7b94dbe2d8",
+    "@uniformdev/canvas": "19.141.1-alpha.5+4c722bef9c",
+    "@uniformdev/design-system": "19.141.1-alpha.5+4c722bef9c",
+    "@uniformdev/mesh-sdk": "19.141.1-alpha.5+4c722bef9c",
     "dequal": "^2.0.3",
     "lexical": "^0.12.0",
     "mitt": "^3.0.0",
@@ -86,5 +86,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "7b94dbe2d80617b83ecd5f317666e75907a1e532"
+  "gitHead": "4c722bef9cfbf90b8981cec47fadec37b02a3c12"
 }