@uniformdev/mesh-sdk-react 19.88.1-alpha.7 → 19.89.0

package/dist/index.d.mts

@@ -1177,7 +1177,10 @@ type ObjectSearchContainerProps = {
     enableDynamicInputToResultId?: boolean;
     /** a child node that places components within the search location */
     searchFilters: ReactNode;
-    /** a child node that places components within a scrollable list location */
+    /**
+     * a child node that places components within a scrollable list location
+     * set to `null` expl
+     */
     resultList?: ReactNode;
     /** allows any child element */
     children?: ReactNode;
@@ -1239,6 +1242,8 @@ type SearchQueryProps<TExtraFilters = unknown> = {
     contentType?: string;
     /** sets the keyword search in the search context */
     keyword?: string;
+    /** sets the locale in the search context */
+    locale?: string;
 } & TExtraFilters;
 type SelectedItemProps<TExtraProps = unknown> = {
     /** sets the id value */
@@ -1316,8 +1321,9 @@ type ObjectSearchProviderProps = {
     children: ReactNode;
     currentlySelectedItems?: Array<SelectedItemProps>;
     isMulti?: boolean;
+    defaultQuery?: SearchQueryProps;
 };
-declare const ObjectSearchProvider: ({ currentlySelectedItems, isMulti, children, }: ObjectSearchProviderProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare const ObjectSearchProvider: ({ currentlySelectedItems, isMulti, children, defaultQuery, }: ObjectSearchProviderProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 declare function useObjectSearchContext<TExtraSearchFilters = unknown, TExtraItemProps = unknown>(): ObjectSearchContextProps<TExtraSearchFilters, TExtraItemProps>;
 
 type ObjectSearchListItemProps = SelectedItemProps & {

package/dist/index.d.ts

@@ -1177,7 +1177,10 @@ type ObjectSearchContainerProps = {
     enableDynamicInputToResultId?: boolean;
     /** a child node that places components within the search location */
     searchFilters: ReactNode;
-    /** a child node that places components within a scrollable list location */
+    /**
+     * a child node that places components within a scrollable list location
+     * set to `null` expl
+     */
     resultList?: ReactNode;
     /** allows any child element */
     children?: ReactNode;
@@ -1239,6 +1242,8 @@ type SearchQueryProps<TExtraFilters = unknown> = {
     contentType?: string;
     /** sets the keyword search in the search context */
     keyword?: string;
+    /** sets the locale in the search context */
+    locale?: string;
 } & TExtraFilters;
 type SelectedItemProps<TExtraProps = unknown> = {
     /** sets the id value */
@@ -1316,8 +1321,9 @@ type ObjectSearchProviderProps = {
     children: ReactNode;
     currentlySelectedItems?: Array<SelectedItemProps>;
     isMulti?: boolean;
+    defaultQuery?: SearchQueryProps;
 };
-declare const ObjectSearchProvider: ({ currentlySelectedItems, isMulti, children, }: ObjectSearchProviderProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare const ObjectSearchProvider: ({ currentlySelectedItems, isMulti, children, defaultQuery, }: ObjectSearchProviderProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 declare function useObjectSearchContext<TExtraSearchFilters = unknown, TExtraItemProps = unknown>(): ObjectSearchContextProps<TExtraSearchFilters, TExtraItemProps>;
 
 type ObjectSearchListItemProps = SelectedItemProps & {

package/dist/index.esm.js

@@ -6177,11 +6177,13 @@ var ObjectSearchContext = createContext5({
 var ObjectSearchProvider = ({
   currentlySelectedItems,
   isMulti = false,
-  children
+  children,
+  defaultQuery
 }) => {
   const [query, setQuery] = useState15({
     contentType: "",
-    keyword: ""
+    keyword: "",
+    ...defaultQuery
   });
   const { flatVariables } = useVariables(true);
   const querySearchDeferred = useDeferredValue(query);
@@ -6417,22 +6419,22 @@ var ObjectSearchContainer = ({
   const { onSelectItem, selectedListItems, list } = useObjectSearchContext();
   const { flatVariables } = useVariables(true);
   const inputValue = (_b = (_a = selectedListItems == null ? void 0 : selectedListItems[0]) == null ? void 0 : _a.id) != null ? _b : "";
-  const listItems = resultList != null ? resultList : /* @__PURE__ */ jsx60(DefaultResultList, {});
+  const listItems = resultList != null ? resultList : /* @__PURE__ */ jsx60(
+    ScrollableList,
+    {
+      role: "list",
+      css: css32`
+        > div {
+          transition: max-height var(--duration-slow) var(--timing-ease-out);
+          max-height: ${selectedListItems.length === 0 ? "50vh" : "184px"};
+        }
+      `,
+      children: /* @__PURE__ */ jsx60(DefaultResultList, {})
+    }
+  );
   const body = /* @__PURE__ */ jsxs35(VerticalRhythm2, { children: [
     searchFilters,
-    /* @__PURE__ */ jsx60(
-      ScrollableList,
-      {
-        role: "list",
-        css: css32`
-          > div {
-            transition: max-height var(--duration-slow) var(--timing-ease-out);
-            max-height: ${selectedListItems.length === 0 ? "50vh" : "184px"};
-          }
-        `,
-        children: listItems
-      }
-    )
+    listItems
   ] });
   const handleSelectedVariableChange = (selectedValue) => {
     var _a2;
@@ -6526,10 +6528,11 @@ var ObjectSearchFilter = ({
   selectLabel = "Content Type Select",
   selectOptions
 }) => {
+  var _a, _b;
   const { query, onSetQuery } = useObjectSearchContext();
   const [searchState, setSearchState] = useState16({
-    contentType: "",
-    keyword: ""
+    contentType: (_a = query.contentType) != null ? _a : "",
+    keyword: (_b = query.keyword) != null ? _b : ""
   });
   const handleFilterChange = (value) => {
     setSearchState((prev) => {
@@ -6544,8 +6547,8 @@ var ObjectSearchFilter = ({
     return [
       ...!requireContentType ? [{ value: "any", label: typeSelectorAllTypesOptionText }] : [],
       ...selectOptions ? selectOptions.map((option) => {
-        var _a;
-        return { name: option == null ? void 0 : option.name, label: (_a = option.label) != null ? _a : option == null ? void 0 : option.name, id: option.id };
+        var _a2;
+        return { name: option == null ? void 0 : option.name, label: (_a2 = option.label) != null ? _a2 : option == null ? void 0 : option.name, id: option.id };
       }) : []
     ];
   }, [requireContentType, typeSelectorAllTypesOptionText, selectOptions]);
@@ -6916,14 +6919,14 @@ var QueryFilter = ({
   ],
   children
 }) => {
-  var _a, _b, _c, _d;
+  var _a, _b, _c, _d, _e, _f;
   const { query, onSetQuery } = useObjectSearchContext();
   const [queryState, setQueryState] = useState17({
-    contentType: "",
-    keyword: "",
+    contentType: (_a = query.contentType) != null ? _a : "",
+    keyword: (_b = query.contentType) != null ? _b : "",
     count: countValue != null ? countValue : 5,
-    sortBy: (_a = sortOptions[0].id) != null ? _a : "",
-    sortOrder: (_b = sortOrderOptions[0].id) != null ? _b : ""
+    sortBy: (_c = sortOptions[0].id) != null ? _c : "",
+    sortOrder: (_d = sortOrderOptions[0].id) != null ? _d : ""
   });
   const handleFilterChange = (value) => {
     setQueryState((prev) => ({ ...prev, ...value }));
@@ -6939,7 +6942,7 @@ var QueryFilter = ({
         InputVariables,
         {
           label: searchInputLabel,
-          value: (_c = queryState.keyword) != null ? _c : "",
+          value: (_e = queryState.keyword) != null ? _e : "",
           onChange: (newQuery) => handleFilterChange({ keyword: newQuery }),
           disableInlineMenu: true,
           id: "qf_searchText",
@@ -6963,7 +6966,7 @@ var QueryFilter = ({
           {
             label: contentTypeLabel,
             id: "qf_contentType",
-            value: (_d = queryState.contentType) != null ? _d : "",
+            value: (_f = queryState.contentType) != null ? _f : "",
             onChange: (newType) => handleFilterChange({ contentType: newType }),
             disableInlineMenu: true,
             inputWhenNoVariables: /* @__PURE__ */ jsx66(

package/dist/index.js

@@ -6308,11 +6308,13 @@ var ObjectSearchContext = (0, import_react64.createContext)({
 var ObjectSearchProvider = ({
   currentlySelectedItems,
   isMulti = false,
-  children
+  children,
+  defaultQuery
 }) => {
   const [query, setQuery] = (0, import_react64.useState)({
     contentType: "",
-    keyword: ""
+    keyword: "",
+    ...defaultQuery
   });
   const { flatVariables } = useVariables(true);
   const querySearchDeferred = (0, import_react64.useDeferredValue)(query);
@@ -6548,22 +6550,22 @@ var ObjectSearchContainer = ({
   const { onSelectItem, selectedListItems, list } = useObjectSearchContext();
   const { flatVariables } = useVariables(true);
   const inputValue = (_b = (_a = selectedListItems == null ? void 0 : selectedListItems[0]) == null ? void 0 : _a.id) != null ? _b : "";
-  const listItems = resultList != null ? resultList : /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(DefaultResultList, {});
+  const listItems = resultList != null ? resultList : /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+    import_design_system35.ScrollableList,
+    {
+      role: "list",
+      css: import_react66.css`
+        > div {
+          transition: max-height var(--duration-slow) var(--timing-ease-out);
+          max-height: ${selectedListItems.length === 0 ? "50vh" : "184px"};
+        }
+      `,
+      children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(DefaultResultList, {})
+    }
+  );
   const body = /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(import_design_system35.VerticalRhythm, { children: [
     searchFilters,
-    /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
-      import_design_system35.ScrollableList,
-      {
-        role: "list",
-        css: import_react66.css`
-          > div {
-            transition: max-height var(--duration-slow) var(--timing-ease-out);
-            max-height: ${selectedListItems.length === 0 ? "50vh" : "184px"};
-          }
-        `,
-        children: listItems
-      }
-    )
+    listItems
   ] });
   const handleSelectedVariableChange = (selectedValue) => {
     var _a2;
@@ -6657,10 +6659,11 @@ var ObjectSearchFilter = ({
   selectLabel = "Content Type Select",
   selectOptions
 }) => {
+  var _a, _b;
   const { query, onSetQuery } = useObjectSearchContext();
   const [searchState, setSearchState] = (0, import_react68.useState)({
-    contentType: "",
-    keyword: ""
+    contentType: (_a = query.contentType) != null ? _a : "",
+    keyword: (_b = query.keyword) != null ? _b : ""
   });
   const handleFilterChange = (value) => {
     setSearchState((prev) => {
@@ -6675,8 +6678,8 @@ var ObjectSearchFilter = ({
     return [
       ...!requireContentType ? [{ value: "any", label: typeSelectorAllTypesOptionText }] : [],
       ...selectOptions ? selectOptions.map((option) => {
-        var _a;
-        return { name: option == null ? void 0 : option.name, label: (_a = option.label) != null ? _a : option == null ? void 0 : option.name, id: option.id };
+        var _a2;
+        return { name: option == null ? void 0 : option.name, label: (_a2 = option.label) != null ? _a2 : option == null ? void 0 : option.name, id: option.id };
       }) : []
     ];
   }, [requireContentType, typeSelectorAllTypesOptionText, selectOptions]);
@@ -7047,14 +7050,14 @@ var QueryFilter = ({
   ],
   children
 }) => {
-  var _a, _b, _c, _d;
+  var _a, _b, _c, _d, _e, _f;
   const { query, onSetQuery } = useObjectSearchContext();
   const [queryState, setQueryState] = (0, import_react72.useState)({
-    contentType: "",
-    keyword: "",
+    contentType: (_a = query.contentType) != null ? _a : "",
+    keyword: (_b = query.contentType) != null ? _b : "",
     count: countValue != null ? countValue : 5,
-    sortBy: (_a = sortOptions[0].id) != null ? _a : "",
-    sortOrder: (_b = sortOrderOptions[0].id) != null ? _b : ""
+    sortBy: (_c = sortOptions[0].id) != null ? _c : "",
+    sortOrder: (_d = sortOrderOptions[0].id) != null ? _d : ""
   });
   const handleFilterChange = (value) => {
     setQueryState((prev) => ({ ...prev, ...value }));
@@ -7070,7 +7073,7 @@ var QueryFilter = ({
         InputVariables,
         {
           label: searchInputLabel,
-          value: (_c = queryState.keyword) != null ? _c : "",
+          value: (_e = queryState.keyword) != null ? _e : "",
           onChange: (newQuery) => handleFilterChange({ keyword: newQuery }),
           disableInlineMenu: true,
           id: "qf_searchText",
@@ -7094,7 +7097,7 @@ var QueryFilter = ({
           {
             label: contentTypeLabel,
             id: "qf_contentType",
-            value: (_d = queryState.contentType) != null ? _d : "",
+            value: (_f = queryState.contentType) != null ? _f : "",
             onChange: (newType) => handleFilterChange({ contentType: newType }),
             disableInlineMenu: true,
             inputWhenNoVariables: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(

package/dist/index.mjs

@@ -6177,11 +6177,13 @@ var ObjectSearchContext = createContext5({
 var ObjectSearchProvider = ({
   currentlySelectedItems,
   isMulti = false,
-  children
+  children,
+  defaultQuery
 }) => {
   const [query, setQuery] = useState15({
     contentType: "",
-    keyword: ""
+    keyword: "",
+    ...defaultQuery
   });
   const { flatVariables } = useVariables(true);
   const querySearchDeferred = useDeferredValue(query);
@@ -6417,22 +6419,22 @@ var ObjectSearchContainer = ({
   const { onSelectItem, selectedListItems, list } = useObjectSearchContext();
   const { flatVariables } = useVariables(true);
   const inputValue = (_b = (_a = selectedListItems == null ? void 0 : selectedListItems[0]) == null ? void 0 : _a.id) != null ? _b : "";
-  const listItems = resultList != null ? resultList : /* @__PURE__ */ jsx60(DefaultResultList, {});
+  const listItems = resultList != null ? resultList : /* @__PURE__ */ jsx60(
+    ScrollableList,
+    {
+      role: "list",
+      css: css32`
+        > div {
+          transition: max-height var(--duration-slow) var(--timing-ease-out);
+          max-height: ${selectedListItems.length === 0 ? "50vh" : "184px"};
+        }
+      `,
+      children: /* @__PURE__ */ jsx60(DefaultResultList, {})
+    }
+  );
   const body = /* @__PURE__ */ jsxs35(VerticalRhythm2, { children: [
     searchFilters,
-    /* @__PURE__ */ jsx60(
-      ScrollableList,
-      {
-        role: "list",
-        css: css32`
-          > div {
-            transition: max-height var(--duration-slow) var(--timing-ease-out);
-            max-height: ${selectedListItems.length === 0 ? "50vh" : "184px"};
-          }
-        `,
-        children: listItems
-      }
-    )
+    listItems
   ] });
   const handleSelectedVariableChange = (selectedValue) => {
     var _a2;
@@ -6526,10 +6528,11 @@ var ObjectSearchFilter = ({
   selectLabel = "Content Type Select",
   selectOptions
 }) => {
+  var _a, _b;
   const { query, onSetQuery } = useObjectSearchContext();
   const [searchState, setSearchState] = useState16({
-    contentType: "",
-    keyword: ""
+    contentType: (_a = query.contentType) != null ? _a : "",
+    keyword: (_b = query.keyword) != null ? _b : ""
   });
   const handleFilterChange = (value) => {
     setSearchState((prev) => {
@@ -6544,8 +6547,8 @@ var ObjectSearchFilter = ({
     return [
       ...!requireContentType ? [{ value: "any", label: typeSelectorAllTypesOptionText }] : [],
       ...selectOptions ? selectOptions.map((option) => {
-        var _a;
-        return { name: option == null ? void 0 : option.name, label: (_a = option.label) != null ? _a : option == null ? void 0 : option.name, id: option.id };
+        var _a2;
+        return { name: option == null ? void 0 : option.name, label: (_a2 = option.label) != null ? _a2 : option == null ? void 0 : option.name, id: option.id };
       }) : []
     ];
   }, [requireContentType, typeSelectorAllTypesOptionText, selectOptions]);
@@ -6916,14 +6919,14 @@ var QueryFilter = ({
   ],
   children
 }) => {
-  var _a, _b, _c, _d;
+  var _a, _b, _c, _d, _e, _f;
   const { query, onSetQuery } = useObjectSearchContext();
   const [queryState, setQueryState] = useState17({
-    contentType: "",
-    keyword: "",
+    contentType: (_a = query.contentType) != null ? _a : "",
+    keyword: (_b = query.contentType) != null ? _b : "",
     count: countValue != null ? countValue : 5,
-    sortBy: (_a = sortOptions[0].id) != null ? _a : "",
-    sortOrder: (_b = sortOrderOptions[0].id) != null ? _b : ""
+    sortBy: (_c = sortOptions[0].id) != null ? _c : "",
+    sortOrder: (_d = sortOrderOptions[0].id) != null ? _d : ""
   });
   const handleFilterChange = (value) => {
     setQueryState((prev) => ({ ...prev, ...value }));
@@ -6939,7 +6942,7 @@ var QueryFilter = ({
         InputVariables,
         {
           label: searchInputLabel,
-          value: (_c = queryState.keyword) != null ? _c : "",
+          value: (_e = queryState.keyword) != null ? _e : "",
           onChange: (newQuery) => handleFilterChange({ keyword: newQuery }),
           disableInlineMenu: true,
           id: "qf_searchText",
@@ -6963,7 +6966,7 @@ var QueryFilter = ({
           {
             label: contentTypeLabel,
             id: "qf_contentType",
-            value: (_d = queryState.contentType) != null ? _d : "",
+            value: (_f = queryState.contentType) != null ? _f : "",
             onChange: (newType) => handleFilterChange({ contentType: newType }),
             disableInlineMenu: true,
             inputWhenNoVariables: /* @__PURE__ */ jsx66(

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uniformdev/mesh-sdk-react",
-  "version": "19.88.1-alpha.7+69b3ccba4",
+  "version": "19.89.0",
   "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.88.1-alpha.7+69b3ccba4",
-    "@uniformdev/design-system": "19.88.1-alpha.7+69b3ccba4",
-    "@uniformdev/mesh-sdk": "19.88.1-alpha.7+69b3ccba4",
+    "@uniformdev/canvas": "19.89.0",
+    "@uniformdev/design-system": "19.89.0",
+    "@uniformdev/mesh-sdk": "19.89.0",
     "dequal": "^2.0.3",
     "lexical": "^0.12.0",
     "mitt": "^3.0.0",
@@ -86,5 +86,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "69b3ccba4050c4ff412c4f226f54a36d74cf9a39"
+  "gitHead": "247189fb1039d0f81498949534646baaffb8bca7"
 }