@uniformdev/mesh-sdk-react 19.186.4-alpha.3 → 19.187.0

package/dist/index.d.mts

@@ -1,6 +1,6 @@
 import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';
 import * as React$1 from 'react';
-import React__default, { SVGProps, ReactNode, MutableRefObject, ComponentType, PropsWithChildren, HTMLAttributes, AnchorHTMLAttributes } from 'react';
+import React__default, { SVGProps, ReactNode, MutableRefObject, ComponentType, PropsWithChildren, HTMLAttributes, AnchorHTMLAttributes, ButtonHTMLAttributes } from 'react';
 import { TDate } from 'timeago.js';
 import * as _emotion_react from '@emotion/react';
 import { Interpolation, Theme, SerializedStyles } from '@emotion/react';
@@ -1997,12 +1997,14 @@ type FilterButtonProps = {
     hasSelectedValue?: boolean;
     /** sets the data-testid attribute on the button */
     dataTestId?: string;
-} & HTMLAttributes<HTMLButtonElement>;
+    /** sets whether to show the dropdown icon, we do not recommend using this option when filterCount is enabled */
+    showDropdownIcon?: boolean;
+} & ButtonHTMLAttributes<HTMLButtonElement>;
 /**
  * @deprecated beta - A filter button component used to display filter menu options
  * @example <FilterButton text="Filters" filterCount={3} />
  */
-declare const FilterButton: ({ text, icon, filterCount, hasSelectedValue, dataTestId, ...props }: FilterButtonProps) => _emotion_react_jsx_runtime.JSX.Element;
+declare const FilterButton: ({ text, icon, filterCount, hasSelectedValue, dataTestId, showDropdownIcon, ...props }: FilterButtonProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 /**
  * @deprecated beta - Default filter controls for search and filter

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';
 import * as React$1 from 'react';
-import React__default, { SVGProps, ReactNode, MutableRefObject, ComponentType, PropsWithChildren, HTMLAttributes, AnchorHTMLAttributes } from 'react';
+import React__default, { SVGProps, ReactNode, MutableRefObject, ComponentType, PropsWithChildren, HTMLAttributes, AnchorHTMLAttributes, ButtonHTMLAttributes } from 'react';
 import { TDate } from 'timeago.js';
 import * as _emotion_react from '@emotion/react';
 import { Interpolation, Theme, SerializedStyles } from '@emotion/react';
@@ -1997,12 +1997,14 @@ type FilterButtonProps = {
     hasSelectedValue?: boolean;
     /** sets the data-testid attribute on the button */
     dataTestId?: string;
-} & HTMLAttributes<HTMLButtonElement>;
+    /** sets whether to show the dropdown icon, we do not recommend using this option when filterCount is enabled */
+    showDropdownIcon?: boolean;
+} & ButtonHTMLAttributes<HTMLButtonElement>;
 /**
  * @deprecated beta - A filter button component used to display filter menu options
  * @example <FilterButton text="Filters" filterCount={3} />
  */
-declare const FilterButton: ({ text, icon, filterCount, hasSelectedValue, dataTestId, ...props }: FilterButtonProps) => _emotion_react_jsx_runtime.JSX.Element;
+declare const FilterButton: ({ text, icon, filterCount, hasSelectedValue, dataTestId, showDropdownIcon, ...props }: FilterButtonProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 /**
  * @deprecated beta - Default filter controls for search and filter

package/dist/index.esm.js

@@ -2813,7 +2813,9 @@ function serializeVariablesEditorState(editorState) {
 }
 function serializeVariablesEditorSerializedState(serializedEditorState) {
   const buf = [];
-  serializeRecursive(serializedEditorState, buf);
+  if (serializedEditorState) {
+    serializeRecursive(serializedEditorState, buf);
+  }
   const result = buf.join("");
   return result.length > 0 ? result : void 0;
 }
@@ -2829,6 +2831,9 @@ function serializeRecursive(node, buffer) {
   }
   if ("children" in node && node.children) {
     for (const child of node.children) {
+      if (!child) {
+        continue;
+      }
       serializeRecursive(child, buffer);
     }
   }
@@ -8575,6 +8580,16 @@ var SearchAndFilterButtonGroup = css38`
   margin-top: var(--spacing-xs);
   margin-left: calc(56px + var(--spacing-md));
 `;
+var SearchAndFilterAdditionalContainer = css38`
+  align-items: center;
+  border-top: 1px solid var(--gray-300);
+  display: flex;
+  flex-wrap: nowrap;
+  gap: var(--spacing-base);
+  padding: var(--spacing-base) var(--spacing-md) 0;
+  position: relative;
+  z-index: 0;
+`;
 
 // src/components/SearchAndFilter/FilterButton.tsx
 import { jsx as jsx81, jsxs as jsxs44 } from "@emotion/react/jsx-runtime";
@@ -8584,6 +8599,7 @@ var FilterButton2 = ({
   filterCount,
   hasSelectedValue,
   dataTestId,
+  showDropdownIcon,
   ...props
 }) => {
   return /* @__PURE__ */ jsxs44(
@@ -8600,7 +8616,8 @@ var FilterButton2 = ({
       children: [
         /* @__PURE__ */ jsx81(Icon6, { icon, iconColor: "currentColor", size: "1rem" }),
         /* @__PURE__ */ jsx81("span", { css: FilterButtonText, children: text }),
-        filterCount ? /* @__PURE__ */ jsx81(Counter2, { count: filterCount, bgColor: "var(--white)" }) : null
+        filterCount ? /* @__PURE__ */ jsx81(Counter2, { count: filterCount, bgColor: "var(--white)" }) : null,
+        showDropdownIcon ? /* @__PURE__ */ jsx81(Icon6, { icon: "chevron-down", iconColor: "currentColor", size: "1rem" }) : null
       ]
     }
   );
@@ -9085,7 +9102,7 @@ var SearchAndFilterOptionsContainer2 = ({
         children: buttonRow
       }
     ) : null,
-    additionalFiltersContainer ? /* @__PURE__ */ jsx86("div", { children: additionalFiltersContainer }) : null
+    additionalFiltersContainer ? /* @__PURE__ */ jsx86("div", { css: SearchAndFilterAdditionalContainer, children: additionalFiltersContainer }) : null
   ] });
 };
 var FilterMenu = ({
@@ -9669,13 +9686,9 @@ var SearchAndFilterButtonGroup2 = css39`
 `;
 var SortFilterWrapper = (hiddenLocaleInput) => css39`
   align-items: center;
-  border-top: 1px solid var(--gray-300);
   display: flex;
-  flex-wrap: wrap;
   gap: var(--spacing-base);
-  padding: var(--spacing-base) var(--spacing-md) 0;
-  position: relative;
-  z-index: 0;
+  flex-grow: 1;
 
   ${cq2("420px")} {
     display: grid;

package/dist/index.js

@@ -3055,7 +3055,9 @@ function serializeVariablesEditorState(editorState) {
 }
 function serializeVariablesEditorSerializedState(serializedEditorState) {
   const buf = [];
-  serializeRecursive(serializedEditorState, buf);
+  if (serializedEditorState) {
+    serializeRecursive(serializedEditorState, buf);
+  }
   const result = buf.join("");
   return result.length > 0 ? result : void 0;
 }
@@ -3071,6 +3073,9 @@ function serializeRecursive(node, buffer) {
   }
   if ("children" in node && node.children) {
     for (const child of node.children) {
+      if (!child) {
+        continue;
+      }
       serializeRecursive(child, buffer);
     }
   }
@@ -8715,6 +8720,16 @@ var SearchAndFilterButtonGroup = import_react86.css`
   margin-top: var(--spacing-xs);
   margin-left: calc(56px + var(--spacing-md));
 `;
+var SearchAndFilterAdditionalContainer = import_react86.css`
+  align-items: center;
+  border-top: 1px solid var(--gray-300);
+  display: flex;
+  flex-wrap: nowrap;
+  gap: var(--spacing-base);
+  padding: var(--spacing-base) var(--spacing-md) 0;
+  position: relative;
+  z-index: 0;
+`;
 
 // src/components/SearchAndFilter/FilterButton.tsx
 var import_jsx_runtime81 = require("@emotion/react/jsx-runtime");
@@ -8724,6 +8739,7 @@ var FilterButton2 = ({
   filterCount,
   hasSelectedValue,
   dataTestId,
+  showDropdownIcon,
   ...props
 }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(
@@ -8740,7 +8756,8 @@ var FilterButton2 = ({
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_design_system54.Icon, { icon, iconColor: "currentColor", size: "1rem" }),
         /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("span", { css: FilterButtonText, children: text }),
-        filterCount ? /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_design_system54.Counter, { count: filterCount, bgColor: "var(--white)" }) : null
+        filterCount ? /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_design_system54.Counter, { count: filterCount, bgColor: "var(--white)" }) : null,
+        showDropdownIcon ? /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_design_system54.Icon, { icon: "chevron-down", iconColor: "currentColor", size: "1rem" }) : null
       ]
     }
   );
@@ -9217,7 +9234,7 @@ var SearchAndFilterOptionsContainer2 = ({
         children: buttonRow
       }
     ) : null,
-    additionalFiltersContainer ? /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { children: additionalFiltersContainer }) : null
+    additionalFiltersContainer ? /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { css: SearchAndFilterAdditionalContainer, children: additionalFiltersContainer }) : null
   ] });
 };
 var FilterMenu = ({
@@ -9801,13 +9818,9 @@ var SearchAndFilterButtonGroup2 = import_react92.css`
 `;
 var SortFilterWrapper = (hiddenLocaleInput) => import_react92.css`
   align-items: center;
-  border-top: 1px solid var(--gray-300);
   display: flex;
-  flex-wrap: wrap;
   gap: var(--spacing-base);
-  padding: var(--spacing-base) var(--spacing-md) 0;
-  position: relative;
-  z-index: 0;
+  flex-grow: 1;
 
   ${(0, import_design_system63.cq)("420px")} {
     display: grid;

package/dist/index.mjs

@@ -2813,7 +2813,9 @@ function serializeVariablesEditorState(editorState) {
 }
 function serializeVariablesEditorSerializedState(serializedEditorState) {
   const buf = [];
-  serializeRecursive(serializedEditorState, buf);
+  if (serializedEditorState) {
+    serializeRecursive(serializedEditorState, buf);
+  }
   const result = buf.join("");
   return result.length > 0 ? result : void 0;
 }
@@ -2829,6 +2831,9 @@ function serializeRecursive(node, buffer) {
   }
   if ("children" in node && node.children) {
     for (const child of node.children) {
+      if (!child) {
+        continue;
+      }
       serializeRecursive(child, buffer);
     }
   }
@@ -8575,6 +8580,16 @@ var SearchAndFilterButtonGroup = css38`
   margin-top: var(--spacing-xs);
   margin-left: calc(56px + var(--spacing-md));
 `;
+var SearchAndFilterAdditionalContainer = css38`
+  align-items: center;
+  border-top: 1px solid var(--gray-300);
+  display: flex;
+  flex-wrap: nowrap;
+  gap: var(--spacing-base);
+  padding: var(--spacing-base) var(--spacing-md) 0;
+  position: relative;
+  z-index: 0;
+`;
 
 // src/components/SearchAndFilter/FilterButton.tsx
 import { jsx as jsx81, jsxs as jsxs44 } from "@emotion/react/jsx-runtime";
@@ -8584,6 +8599,7 @@ var FilterButton2 = ({
   filterCount,
   hasSelectedValue,
   dataTestId,
+  showDropdownIcon,
   ...props
 }) => {
   return /* @__PURE__ */ jsxs44(
@@ -8600,7 +8616,8 @@ var FilterButton2 = ({
       children: [
         /* @__PURE__ */ jsx81(Icon6, { icon, iconColor: "currentColor", size: "1rem" }),
         /* @__PURE__ */ jsx81("span", { css: FilterButtonText, children: text }),
-        filterCount ? /* @__PURE__ */ jsx81(Counter2, { count: filterCount, bgColor: "var(--white)" }) : null
+        filterCount ? /* @__PURE__ */ jsx81(Counter2, { count: filterCount, bgColor: "var(--white)" }) : null,
+        showDropdownIcon ? /* @__PURE__ */ jsx81(Icon6, { icon: "chevron-down", iconColor: "currentColor", size: "1rem" }) : null
       ]
     }
   );
@@ -9085,7 +9102,7 @@ var SearchAndFilterOptionsContainer2 = ({
         children: buttonRow
       }
     ) : null,
-    additionalFiltersContainer ? /* @__PURE__ */ jsx86("div", { children: additionalFiltersContainer }) : null
+    additionalFiltersContainer ? /* @__PURE__ */ jsx86("div", { css: SearchAndFilterAdditionalContainer, children: additionalFiltersContainer }) : null
   ] });
 };
 var FilterMenu = ({
@@ -9669,13 +9686,9 @@ var SearchAndFilterButtonGroup2 = css39`
 `;
 var SortFilterWrapper = (hiddenLocaleInput) => css39`
   align-items: center;
-  border-top: 1px solid var(--gray-300);
   display: flex;
-  flex-wrap: wrap;
   gap: var(--spacing-base);
-  padding: var(--spacing-base) var(--spacing-md) 0;
-  position: relative;
-  z-index: 0;
+  flex-grow: 1;
 
   ${cq2("420px")} {
     display: grid;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uniformdev/mesh-sdk-react",
-  "version": "19.186.4-alpha.3+59de2f77b6",
+  "version": "19.187.0",
   "description": "Uniform Mesh Framework SDK for React",
   "license": "SEE LICENSE IN LICENSE.txt",
   "main": "./dist/index.js",
@@ -50,10 +50,10 @@
     "@lexical/selection": "0.17.1",
     "@lexical/utils": "0.17.1",
     "@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": "19.186.4-alpha.3+59de2f77b6",
-    "@uniformdev/design-system": "19.186.4-alpha.3+59de2f77b6",
-    "@uniformdev/mesh-sdk": "19.186.4-alpha.3+59de2f77b6",
-    "@uniformdev/richtext": "19.186.4-alpha.3+59de2f77b6",
+    "@uniformdev/canvas": "19.187.0",
+    "@uniformdev/design-system": "19.187.0",
+    "@uniformdev/mesh-sdk": "19.187.0",
+    "@uniformdev/richtext": "19.187.0",
     "dequal": "^2.0.3",
     "lexical": "0.17.1",
     "mitt": "3.0.1",
@@ -87,5 +87,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "59de2f77b6270e36c6a5e95b0bd6b1756c4dcdf0"
+  "gitHead": "9ccfdb652e2d67d66fe90e2df1845c3c2e3bee8b"
 }