@uniformdev/mesh-sdk-react 19.134.3-alpha.28 → 19.136.0

package/dist/index.esm.js

@@ -4055,14 +4055,7 @@ function $isTargetWithinDecorator(target) {
 }
 
 // src/components/Variables/InputVariables.tsx
-import { css as css24 } from "@emotion/react";
-import {
-  Caption,
-  ErrorMessage,
-  HorizontalRhythm as HorizontalRhythm4,
-  InfoMessage,
-  WarningMessage
-} from "@uniformdev/design-system";
+import { Caption, ErrorMessage, InfoMessage, WarningMessage } from "@uniformdev/design-system";
 import { useState as useState13 } from "react";
 import { v4 as v42 } from "uuid";
 
@@ -4187,99 +4180,6 @@ var placeholderCompact = css21`
   inset: var(--spacing-sm) var(--spacing-lg) var(--spacing-sm) var(--spacing-base);
 `;
 
-// src/components/Variables/styles/ParameterVariables.styles.ts
-import { css as css22 } from "@emotion/react";
-import { scrollbarStyles as scrollbarStyles3 } from "@uniformdev/design-system";
-var variableBindButton = css22`
-  align-items: center;
-  border: none;
-  border-radius: var(--rounded-base);
-  background: none;
-  display: flex;
-  height: 1.2rem;
-  padding: var(--spacing-2xs);
-  transition: background var(--duration-fast) var(--timing-ease-out),
-    color var(--duration-fast) var(--timing-ease-out);
-  width: 1.2rem;
-
-  &:hover,
-  &[aria-pressed='true']:not(:disabled) {
-    background: var(--brand-secondary-3);
-    color: var(--white);
-  }
-
-  &[aria-disabled='true'] {
-    background: none;
-    color: currentColor;
-  }
-
-  // fixes menu resizing issue within iframes
-  // see https://linear.app/uniform/issue/UNI-3068/mesh-integration-resizing-with-menus
-  + [role='menu'] {
-    max-height: unset;
-  }
-`;
-var input2 = css22`
-  display: block;
-  appearance: none;
-  box-sizing: border-box;
-  background: var(--white);
-  border: 1px solid var(--gray-200);
-  border-radius: var(--rounded-sm);
-  color: var(--gray-700);
-  font-size: var(--fs-sm);
-  line-height: 1.5;
-  min-height: 2rem;
-  padding: var(--spacing-sm);
-  width: 100%;
-  position: relative;
-  white-space: normal;
-  transition-property: background, border-color, color, box-shadow, border-radius;
-  transition-duration: var(--duration-fast);
-  transition-timing-function: var(--timing-ease-out);
-
-  &::placeholder {
-    color: var(--gray-400);
-  }
-
-  &:focus,
-  &:focus-within {
-    border-radius: var(--rounded-sm);
-    box-shadow: var(--elevation-100);
-    border: 1px solid var(--accent-dark-active);
-    outline: none;
-  }
-  &:hover {
-    border: 1px solid var(--accent-dark-hover);
-  }
-
-  &:disabled,
-  &:disabled::placeholder,
-  &:disabled:hover {
-    border-radius: var(--rounded-sm);
-    cursor: not-allowed;
-    color: var(--gray-400);
-  }
-
-  &[readonly],
-  &[contenteditable='false'] {
-    cursor: not-allowed;
-    color: var(--gray-400);
-  }
-
-  > p {
-    margin: 0;
-  }
-`;
-var inputMultiLine = (lines) => css22`
-  ${scrollbarStyles3}
-  // 1.5 = line height, spacing-sm = top and bottom padding + spacing-xs to give a slight increase in height
-  // as the text looked to close to the bottom of the input
-  height: calc(${lines * 1.5}em + var(--spacing-sm) + var(--spacing-xs));
-  resize: vertical;
-  overflow: auto;
-`;
-
 // src/components/Variables/toolbox/InputVariablesProvider.tsx
 import * as React10 from "react";
 import { useMemo as useMemo9 } from "react";
@@ -4358,15 +4258,15 @@ function useInputVariablesState({
 }
 
 // src/components/Variables/toolbox/VariableField.styles.ts
-import { css as css23 } from "@emotion/react";
-var labelText = css23`
+import { css as css22 } from "@emotion/react";
+var labelText = css22`
   align-items: center;
   display: flex;
   gap: var(--spacing-xs);
   font-weight: var(--fw-regular);
   margin: 0 0 var(--spacing-xs);
 `;
-var variableBindButton2 = css23`
+var variableBindButton = css22`
   align-items: center;
   border: none;
   border-radius: var(--rounded-base);
@@ -4529,7 +4429,7 @@ function VariableField({
     VariablesComposerVariableMenu,
     {
       ...selectVariableMenuOptions,
-      buttonCss: [variableBindButton2, selectVariableMenuOptions == null ? void 0 : selectVariableMenuOptions.buttonCss],
+      buttonCss: [variableBindButton, selectVariableMenuOptions == null ? void 0 : selectVariableMenuOptions.buttonCss],
       buttonProps: isActive ? { "aria-pressed": "true" } : void 0
     }
   ) : null;
@@ -4691,7 +4591,7 @@ import {
 import { useEffect as useEffect13 } from "react";
 import { Fragment as Fragment9, jsx as jsx39, jsxs as jsxs22 } from "@emotion/react/jsx-runtime";
 function VariablesComposerInput({
-  css: css38,
+  css: css37,
   placeholder,
   ...contentEditableProps
 }) {
@@ -4794,7 +4694,6 @@ function InputVariables(props) {
     value,
     enableEditingVariables,
     disableInlineMenu,
-    showMenuPosition,
     onChange,
     transformPaste,
     showAddVariableMenuOption,
@@ -4828,58 +4727,34 @@ function InputVariables(props) {
       },
       css: disabled ? inputDisabled : "",
       children: [
-        /* @__PURE__ */ jsxs23(
-          HorizontalRhythm4,
+        useInputWithNoVariables ? inputWhenNoVariables : /* @__PURE__ */ jsx40(
+          InputVariablesOverlayMenu,
           {
-            align: "center",
-            gap: "xs",
-            css: css24`
-          & > div:first-child {
-            flex-grow: 1;
-          }
-        `,
-            children: [
-              useInputWithNoVariables ? inputWhenNoVariables : /* @__PURE__ */ jsx40(
-                InputVariablesOverlayMenu,
-                {
-                  ...sharedMenuProps,
-                  disabled: disableVariablesForReals || showMenuPosition && showMenuPosition !== "label" || disableInlineMenu === true || disableInlineMenu === "by-input",
-                  portal: renderMenuInPortal,
-                  replaceValueOnVariableInsert: useInputWithNoVariables,
-                  useInputWhenNoVariables: useInputWithNoVariables,
-                  children: /* @__PURE__ */ jsx40(
-                    VariablesComposerInput,
-                    {
-                      id: finalId,
-                      "aria-label": ariaLabel,
-                      "data-testid": dataTestId ? dataTestId : "input-container",
-                      "data-text-value": value,
-                      css: [input, styleVariant === "compact" ? inputCompact : null],
-                      placeholder: placeholder ? /* @__PURE__ */ jsx40(
-                        Caption,
-                        {
-                          css: [
-                            placeholderCaption,
-                            styleVariant === "compact" ? placeholderCompact : null
-                          ],
-                          children: placeholder
-                        }
-                      ) : void 0
-                    }
-                  )
-                }
-              ),
-              disableVariablesForReals || showMenuPosition !== "inline-right" ? null : /* @__PURE__ */ jsx40(
-                VariablesComposerVariableMenu,
-                {
-                  ...sharedMenuProps,
-                  buttonCss: variableBindButton,
-                  tip: useInputWithNoVariables ? void 0 : "Tip: access this list by typing $$",
-                  buttonProps: hadVariablesInValue ? { "aria-pressed": "true" } : void 0,
-                  replaceValueOnVariableInsert: useInputWithNoVariables
-                }
-              )
-            ]
+            ...sharedMenuProps,
+            disabled: disableVariablesForReals || disableInlineMenu === true || disableInlineMenu === "by-input",
+            portal: renderMenuInPortal,
+            replaceValueOnVariableInsert: useInputWithNoVariables,
+            useInputWhenNoVariables: useInputWithNoVariables,
+            children: /* @__PURE__ */ jsx40(
+              VariablesComposerInput,
+              {
+                id: finalId,
+                "aria-label": ariaLabel,
+                "data-testid": dataTestId ? dataTestId : "input-container",
+                "data-text-value": value,
+                css: [input, styleVariant === "compact" ? inputCompact : null],
+                placeholder: placeholder ? /* @__PURE__ */ jsx40(
+                  Caption,
+                  {
+                    css: [
+                      placeholderCaption,
+                      styleVariant === "compact" ? placeholderCompact : null
+                    ],
+                    children: placeholder
+                  }
+                ) : void 0
+              }
+            )
           }
         ),
         caption ? /* @__PURE__ */ jsx40(Caption, { children: caption }) : null,
@@ -4901,7 +4776,7 @@ function InputVariables(props) {
         },
         id: finalId,
         isActive: hadVariablesInValue,
-        disableVariables: disableVariablesForReals || showMenuPosition && showMenuPosition !== "label" || disableInlineMenu === true || disableInlineMenu === "by-label",
+        disableVariables: disableVariablesForReals || disableInlineMenu === "by-label",
         children: input3
       }
     );
@@ -4956,8 +4831,103 @@ function InputVariablesOverlayMenu({
 // src/components/Variables/ParameterConnectionIndicator.tsx
 import { CgUsbC as CgUsbC2 } from "@react-icons/all-files/cg/CgUsbC";
 import { bindVariablesToObject } from "@uniformdev/canvas";
-import { HorizontalRhythm as HorizontalRhythm5, Menu as Menu3 } from "@uniformdev/design-system";
+import { HorizontalRhythm as HorizontalRhythm4, Menu as Menu3 } from "@uniformdev/design-system";
 import { useMemo as useMemo11 } from "react";
+
+// src/components/Variables/styles/ParameterVariables.styles.ts
+import { css as css23 } from "@emotion/react";
+import { scrollbarStyles as scrollbarStyles3 } from "@uniformdev/design-system";
+var variableBindButton2 = css23`
+  align-items: center;
+  border: none;
+  border-radius: var(--rounded-base);
+  background: none;
+  display: flex;
+  height: 1.2rem;
+  padding: var(--spacing-2xs);
+  transition: background var(--duration-fast) var(--timing-ease-out),
+    color var(--duration-fast) var(--timing-ease-out);
+  width: 1.2rem;
+
+  &:hover,
+  &[aria-pressed='true']:not(:disabled) {
+    background: var(--brand-secondary-3);
+    color: var(--white);
+  }
+
+  &[aria-disabled='true'] {
+    background: none;
+    color: currentColor;
+  }
+
+  // fixes menu resizing issue within iframes
+  // see https://linear.app/uniform/issue/UNI-3068/mesh-integration-resizing-with-menus
+  + [role='menu'] {
+    max-height: unset;
+  }
+`;
+var input2 = css23`
+  display: block;
+  appearance: none;
+  box-sizing: border-box;
+  background: var(--white);
+  border: 1px solid var(--gray-200);
+  border-radius: var(--rounded-sm);
+  color: var(--gray-700);
+  font-size: var(--fs-sm);
+  line-height: 1.5;
+  min-height: 2rem;
+  padding: var(--spacing-sm);
+  width: 100%;
+  position: relative;
+  white-space: normal;
+  transition-property: background, border-color, color, box-shadow, border-radius;
+  transition-duration: var(--duration-fast);
+  transition-timing-function: var(--timing-ease-out);
+
+  &::placeholder {
+    color: var(--gray-400);
+  }
+
+  &:focus,
+  &:focus-within {
+    border-radius: var(--rounded-sm);
+    box-shadow: var(--elevation-100);
+    border: 1px solid var(--accent-dark-active);
+    outline: none;
+  }
+  &:hover {
+    border: 1px solid var(--accent-dark-hover);
+  }
+
+  &:disabled,
+  &:disabled::placeholder,
+  &:disabled:hover {
+    border-radius: var(--rounded-sm);
+    cursor: not-allowed;
+    color: var(--gray-400);
+  }
+
+  &[readonly],
+  &[contenteditable='false'] {
+    cursor: not-allowed;
+    color: var(--gray-400);
+  }
+
+  > p {
+    margin: 0;
+  }
+`;
+var inputMultiLine = (lines) => css23`
+  ${scrollbarStyles3}
+  // 1.5 = line height, spacing-sm = top and bottom padding + spacing-xs to give a slight increase in height
+  // as the text looked to close to the bottom of the input
+  height: calc(${lines * 1.5}em + var(--spacing-sm) + var(--spacing-xs));
+  resize: vertical;
+  overflow: auto;
+`;
+
+// src/components/Variables/ParameterConnectionIndicator.tsx
 import { jsx as jsx41, jsxs as jsxs24 } from "@emotion/react/jsx-runtime";
 function ParameterConnectionIndicator({
   children,
@@ -4977,7 +4947,7 @@ function ParameterConnectionIndicator({
     });
     return result;
   }, [value]);
-  return /* @__PURE__ */ jsxs24(HorizontalRhythm5, { align: "center", gap: "xs", css: { width: "100%" }, children: [
+  return /* @__PURE__ */ jsxs24(HorizontalRhythm4, { align: "center", gap: "xs", css: { width: "100%" }, children: [
     /* @__PURE__ */ jsx41("div", { css: { flex: 1 }, children }),
     disabled ? null : /* @__PURE__ */ jsx41(
       Menu3,
@@ -4989,7 +4959,7 @@ function ParameterConnectionIndicator({
           {
             title: menuTooltip,
             "aria-pressed": hasVariablesInValue,
-            css: [menuBtn, variableBindButton],
+            css: [menuBtn, variableBindButton2],
             type: "button",
             children: /* @__PURE__ */ jsx41(CgUsbC2, { size: "1.4rem" })
           }
@@ -5002,7 +4972,7 @@ function ParameterConnectionIndicator({
 }
 
 // src/components/Variables/ParameterOrSingleVariable.tsx
-import { HorizontalRhythm as HorizontalRhythm6 } from "@uniformdev/design-system";
+import { HorizontalRhythm as HorizontalRhythm5 } from "@uniformdev/design-system";
 import { useCallback as useCallback4 } from "react";
 
 // src/components/Variables/composer/OnDisconnectPlugin.tsx
@@ -5088,7 +5058,7 @@ function ParameterOrSingleVariable(props) {
           /* @__PURE__ */ jsx42(OnDisconnectPlugin, { onDisconnect: handleDisconnect }),
           editorRef ? /* @__PURE__ */ jsx42(EditorRefPlugin, { editorRef }) : null,
           /* @__PURE__ */ jsx42(ControlledValuePlugin, { enabled: true, value }),
-          /* @__PURE__ */ jsxs25(HorizontalRhythm6, { align: "center", gap: "xs", css: { width: "100%" }, children: [
+          /* @__PURE__ */ jsxs25(HorizontalRhythm5, { align: "center", gap: "xs", css: { width: "100%" }, children: [
             /* @__PURE__ */ jsx42("div", { css: { flex: 1 }, children: inputWhenNoVariables && !hadVariablesInValue ? inputWhenNoVariables : /* @__PURE__ */ jsx42(
               VariablesComposerInput,
               {
@@ -5101,7 +5071,7 @@ function ParameterOrSingleVariable(props) {
               VariablesComposerVariableMenu,
               {
                 ...sharedMenuProps,
-                buttonCss: [variableBindButton],
+                buttonCss: [variableBindButton2],
                 buttonProps: hasVariablesInValue ? { "aria-pressed": "true" } : void 0,
                 replaceValueOnVariableInsert: true,
                 filterVariable
@@ -5115,8 +5085,8 @@ function ParameterOrSingleVariable(props) {
 }
 
 // src/components/Variables/ParameterVariables.tsx
-import { css as css25 } from "@emotion/react";
-import { HorizontalRhythm as HorizontalRhythm7 } from "@uniformdev/design-system";
+import { css as css24 } from "@emotion/react";
+import { HorizontalRhythm as HorizontalRhythm6 } from "@uniformdev/design-system";
 import { jsx as jsx43, jsxs as jsxs26 } from "@emotion/react/jsx-runtime";
 function ParameterVariables(props) {
   const {
@@ -5155,7 +5125,7 @@ function ParameterVariables(props) {
         editorRef ? /* @__PURE__ */ jsx43(EditorRefPlugin, { editorRef }) : null,
         /* @__PURE__ */ jsx43(ControlledValuePlugin, { value, enabled: useInputWhenNoVariables }),
         /* @__PURE__ */ jsxs26(
-          HorizontalRhythm7,
+          HorizontalRhythm6,
           {
             align: "center",
             gap: "xs",
@@ -5174,8 +5144,8 @@ function ParameterVariables(props) {
                   "data-text-value": value,
                   css: [
                     input2,
-                    typeof multiLine === "number" ? inputMultiLine(multiLine) : multiLine === true ? inputMultiLine(2) : css25``,
-                    inputCss != null ? inputCss : css25``
+                    typeof multiLine === "number" ? inputMultiLine(multiLine) : multiLine === true ? inputMultiLine(2) : css24``,
+                    inputCss != null ? inputCss : css24``
                   ]
                 }
               ) }),
@@ -5183,7 +5153,7 @@ function ParameterVariables(props) {
                 VariablesComposerVariableMenu,
                 {
                   ...sharedMenuProps,
-                  buttonCss: [variableBindButton],
+                  buttonCss: [variableBindButton2],
                   tip: useInputWhenNoVariables ? void 0 : "Tip: access this list by typing $$",
                   buttonProps: hasVariablesInValue ? { "aria-pressed": "true" } : void 0,
                   replaceValueOnVariableInsert: useInputWhenNoVariables
@@ -5211,7 +5181,7 @@ ${prettifyBindExpression(bindExpression)}`
 }
 
 // src/components/Variables/VariablesList.tsx
-import { css as css27 } from "@emotion/react";
+import { css as css26 } from "@emotion/react";
 import {
   AddListButton,
   button,
@@ -5226,8 +5196,8 @@ import {
 import { Draggable as Draggable2, Droppable as Droppable2 } from "react-beautiful-dnd";
 
 // src/components/Variables/styles/VariablesList.styles.ts
-import { css as css26 } from "@emotion/react";
-var tableRow = (isDragging) => css26`
+import { css as css25 } from "@emotion/react";
+var tableRow = (isDragging) => css25`
   position: relative;
   ${isDragging ? `
   display: table;   
@@ -5235,7 +5205,7 @@ var tableRow = (isDragging) => css26`
   top: auto !important;
   ` : void 0}
 `;
-var tableCellDragIcon = css26`
+var tableCellDragIcon = css25`
   &::after {
     content: '';
     display: block;
@@ -5253,7 +5223,7 @@ var tableCellDragIcon = css26`
     opacity: 1;
   }
 `;
-var variableName = css26`
+var variableName = css25`
   border: none;
   font-weight: var(--fw-medium);
   padding: 0;
@@ -5263,7 +5233,7 @@ var variableName = css26`
   white-space: nowrap;
   max-width: 20ch;
 `;
-var variableValue = css26`
+var variableValue = css25`
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -5340,7 +5310,7 @@ function VariablesList() {
                         title: `delete ${text}`,
                         css: [
                           button,
-                          css27`
+                          css26`
                                     background: transparent;
                                   `
                         ],
@@ -5469,7 +5439,7 @@ function TextVariableRenderer({ definition, value, setValue }) {
 }
 
 // src/components/Request/RequestBody.tsx
-import { css as css29 } from "@emotion/react";
+import { css as css28 } from "@emotion/react";
 import { InputSelect as InputSelect4, JsonEditor } from "@uniformdev/design-system";
 import { useState as useState14 } from "react";
 
@@ -5555,11 +5525,11 @@ function useRequest() {
 }
 
 // src/components/Request/styles/Request.styles.ts
-import { css as css28 } from "@emotion/react";
-var innerContentStyles = css28`
+import { css as css27 } from "@emotion/react";
+var innerContentStyles = css27`
   background: var(--white);
 `;
-var requestTypeContainer = (bgColor) => css28`
+var requestTypeContainer = (bgColor) => css27`
   align-items: start;
   background: ${bgColor};
   display: grid;
@@ -5601,7 +5571,7 @@ function RequestBody() {
   return /* @__PURE__ */ jsxs28(
     "div",
     {
-      css: css29`
+      css: css28`
         background: var(--white);
       `,
       children: [
@@ -5609,7 +5579,7 @@ function RequestBody() {
           RequestTypeContainer,
           {
             bgColor: "var(--gray-100)",
-            css: css29`
+            css: css28`
           padding: var(--spacing-sm) var(--spacing-base);
         `,
             children: /* @__PURE__ */ jsx49(
@@ -5898,7 +5868,7 @@ function RequestParameters({
 }
 
 // src/components/Request/RequestUrl.tsx
-import { css as css30 } from "@emotion/react";
+import { css as css29 } from "@emotion/react";
 import { useMemo as useMemo13 } from "react";
 
 // src/components/Request/urlEncodeRequestParameter.ts
@@ -5935,7 +5905,7 @@ function RequestUrl() {
   return /* @__PURE__ */ jsxs31(
     "small",
     {
-      css: css30`
+      css: css29`
         display: inline-block;
         margin-bottom: var(--spacing-xs);
         word-break: break-word;
@@ -6236,7 +6206,7 @@ var MeshApp = ({
 };
 
 // src/components/ObjectSearch/DataRefreshButton.tsx
-import { css as css31 } from "@emotion/react";
+import { css as css30 } from "@emotion/react";
 import { Button as Button3, LoadingIndicator as LoadingIndicator4 } from "@uniformdev/design-system";
 import { jsx as jsx58, jsxs as jsxs33 } from "@emotion/react/jsx-runtime";
 var DataRefreshButton = ({
@@ -6249,7 +6219,7 @@ var DataRefreshButton = ({
     !isLoading ? null : /* @__PURE__ */ jsx58(
       LoadingIndicator4,
       {
-        css: css31`
+        css: css30`
             ${isLoading ? "opacity: 0.2;" : void 0}
           `
       }
@@ -6259,7 +6229,7 @@ var DataRefreshButton = ({
 };
 
 // src/components/ObjectSearch/ObjectSearchContainer.tsx
-import { css as css33 } from "@emotion/react";
+import { css as css32 } from "@emotion/react";
 import { bindVariables } from "@uniformdev/canvas";
 import { Callout as Callout5, Container, IconsProvider, ScrollableList, VerticalRhythm as VerticalRhythm2 } from "@uniformdev/design-system";
 
@@ -6385,9 +6355,9 @@ function bindQuery(query, inputs) {
 import { Chip, Popover } from "@uniformdev/design-system";
 
 // src/components/ObjectSearch/styles/ObjectSearchListItem.styles.ts
-import { css as css32 } from "@emotion/react";
+import { css as css31 } from "@emotion/react";
 import { skeletonLoading } from "@uniformdev/design-system";
-var ObjectListItemContainer = css32`
+var ObjectListItemContainer = css31`
   align-items: center;
   border: 1px solid var(--gray-300);
   border-radius: var(--rounded-base);
@@ -6396,11 +6366,11 @@ var ObjectListItemContainer = css32`
   grid-template-columns: 1fr auto;
   padding: var(--spacing-sm);
 `;
-var ObjectListItemContainerDisabled = css32`
+var ObjectListItemContainerDisabled = css31`
   opacity: var(--opacity-50);
   pointer-events: none;
 `;
-var ObjectListItemLoading = css32`
+var ObjectListItemLoading = css31`
   animation: ${skeletonLoading} 1s linear infinite alternate;
   border-color: transparent;
   min-height: 42px;
@@ -6424,36 +6394,36 @@ var ObjectListItemLoading = css32`
     width: 1rem;
   }
 `;
-var ObjectListItemHeadingGroup = css32`
+var ObjectListItemHeadingGroup = css31`
   align-items: center;
   display: grid;
 `;
-var ObjectListItemThumbnail = css32`
+var ObjectListItemThumbnail = css31`
   width: 30px;
   object-fit: contain;
 `;
-var ObjectListItemTitle = css32`
+var ObjectListItemTitle = css31`
   color: var(--typography-base);
   display: block;
   font-size: var(--fs-sm);
 `;
-var ObjectListItemSubtitle = css32`
+var ObjectListItemSubtitle = css31`
   color: var(--gray-500);
   display: block;
   font-size: var(--fs-xs);
   line-height: 1;
 `;
-var ObjectListItemInfoContainer = css32`
+var ObjectListItemInfoContainer = css31`
   align-items: center;
   display: flex;
   gap: var(--spacing-sm);
   justify-content: center;
 `;
-var ObjectListItemControlledContent = css32`
+var ObjectListItemControlledContent = css31`
   display: flex;
   gap: var(--spacing-sm);
 `;
-var ObjectListItemUnControlledContent = css32`
+var ObjectListItemUnControlledContent = css31`
   margin-top: var(--spacing-sm);
   grid-column: 1 / -1;
 `;
@@ -6540,7 +6510,7 @@ var ObjectSearchContainer = ({
     ScrollableList,
     {
       role: "list",
-      css: css33`
+      css: css32`
         > div {
           transition: max-height var(--duration-slow) var(--timing-ease-out);
           max-height: ${selectedListItems.length === 0 ? "50vh" : "184px"};
@@ -6616,8 +6586,8 @@ import { DebouncedInputKeywordSearch, InputSelect as InputSelect6 } from "@unifo
 import { useMemo as useMemo15, useState as useState17 } from "react";
 
 // src/components/ObjectSearch/styles/ObjectSearchFilterContainer.styles.ts
-import { css as css34 } from "@emotion/react";
-var ObjectSearchFilterContainerLabel = css34`
+import { css as css33 } from "@emotion/react";
+var ObjectSearchFilterContainerLabel = css33`
   align-items: center;
   display: flex;
   font-size: var(--fs-sm);
@@ -6625,11 +6595,11 @@ var ObjectSearchFilterContainerLabel = css34`
   line-height: 1rem;
   margin-bottom: var(--spacing-sm);
 `;
-var ObjectSearchFilterContainer = css34`
+var ObjectSearchFilterContainer = css33`
   display: grid;
   gap: var(--spacing-base);
 `;
-var ObjectSearchFilterGrid = (gridColumns) => css34`
+var ObjectSearchFilterGrid = (gridColumns) => css33`
   display: grid;
   grid-template-columns: ${gridColumns};
   gap: var(--spacing-base);
@@ -6715,9 +6685,9 @@ import { Badge, Button as Button4, Popover as Popover2 } from "@uniformdev/desig
 import { format as timeagoFormat } from "timeago.js";
 
 // src/components/ObjectSearch/styles/ObjectSearchResultItemButton.styles.ts
-import { css as css35 } from "@emotion/react";
+import { css as css34 } from "@emotion/react";
 import { button as button2 } from "@uniformdev/design-system";
-var ButtonStyles = css35`
+var ButtonStyles = css34`
   ${button2}
   background: transparent;
   border: 1px solid var(--typography-base);
@@ -6744,7 +6714,7 @@ var ButtonStyles = css35`
     text-decoration: none;
   }
 `;
-var ButtonIcon = css35`
+var ButtonIcon = css34`
   width: 1rem;
   height: 1rem;
 `;
@@ -6773,8 +6743,8 @@ var LinkButton = ({
 };
 
 // src/components/ObjectSearch/styles/ObjectSearchResultItem.styles.ts
-import { css as css36 } from "@emotion/react";
-var ObjectSearchResultItemContainer = css36`
+import { css as css35 } from "@emotion/react";
+var ObjectSearchResultItemContainer = css35`
   align-items: center;
   border: 1px solid var(--gray-300);
   border-radius: var(--rounded-base);
@@ -6790,7 +6760,7 @@ var ObjectSearchResultItemContainer = css36`
     }
   }
 `;
-var ObjectSearchDragHandle = css36`
+var ObjectSearchDragHandle = css35`
   border-left: 2px dotted var(--gray-300);
   border-right: 2px dotted var(--gray-300);
   position: absolute;
@@ -6799,35 +6769,35 @@ var ObjectSearchDragHandle = css36`
   transition: opacity var(--duration-fast) var(--timing-ease-out);
   opacity: 0;
 `;
-var ObjectSearchResultItemSubtitle = css36`
+var ObjectSearchResultItemSubtitle = css35`
   color: var(--gray-500);
   display: block;
   font-size: var(--fs-xs);
   line-height: 1;
 `;
-var ObjectSearchResultItemTitle = css36`
+var ObjectSearchResultItemTitle = css35`
   align-items: center;
   color: var(--typography-base);
   display: flex;
   gap: var(--spacing-xs);
 `;
-var ObjectSearchResultItemTimeStamp = css36`
+var ObjectSearchResultItemTimeStamp = css35`
   color: var(--gray-500);
   font-size: var(--fs-xs);
 `;
-var ObjectSearchAuthorStateGroup = css36`
+var ObjectSearchAuthorStateGroup = css35`
   align-items: center;
   display: flex;
   gap: var(--spacing-sm);
 `;
-var ObjectSearchUpdateGroup = css36`
+var ObjectSearchUpdateGroup = css35`
   display: grid;
 `;
-var ObjectSearchContentContainer = css36`
+var ObjectSearchContentContainer = css35`
   display: flex;
   gap: var(--spacing-base);
 `;
-var ObjectSearchImage = css36`
+var ObjectSearchImage = css35`
   width: 56px;
   object-fit: contain;
 `;
@@ -6895,26 +6865,26 @@ import { Button as Button5, Counter } from "@uniformdev/design-system";
 import { Draggable as Draggable3, Droppable as Droppable3 } from "react-beautiful-dnd";
 
 // src/components/ObjectSearch/styles/ObjectSearchResultList.styles.ts
-import { css as css37 } from "@emotion/react";
-var ObjectSearchResultListContainer = css37`
+import { css as css36 } from "@emotion/react";
+var ObjectSearchResultListContainer = css36`
   align-items: center;
   display: flex;
   gap: var(--spacing-sm);
   justify-content: space-between;
 `;
-var ObjectSearchDragContainer = css37`
+var ObjectSearchDragContainer = css36`
   margin: 0 0 var(--spacing-sm);
 `;
-var ObjectSearchContainerDragging = css37`
+var ObjectSearchContainerDragging = css36`
   box-shadow: var(--shadow-base);
   opacity: var(--opacity-50);
 `;
-var ObjectSearchResultListCounterContainer = css37`
+var ObjectSearchResultListCounterContainer = css36`
   align-items: center;
   display: flex;
   gap: var(--spacing-sm);
 `;
-var ObjectSearchResultListTitle = css37`
+var ObjectSearchResultListTitle = css36`
   font-weight: var(--fw-bold);
   line-height: 1;
 `;
@@ -7238,60 +7208,6 @@ var JsonMeshVariableEditor = ({
   return null;
 };
 
-// src/components/SearchAndFilter/filtersMapper.tsx
-import {
-  filterMapper,
-  FilterMultiChoiceEditor
-} from "@uniformdev/design-system";
-import { DateEditor, FilterSingleChoiceEditor, NumberEditor, TextEditor } from "@uniformdev/design-system";
-import { jsx as jsx69 } from "@emotion/react/jsx-runtime";
-function withInputVariables(WrappedComponent) {
-  const WithInputVariables = (props) => {
-    if (Array.isArray(props.value) || !props.bindable) {
-      return /* @__PURE__ */ jsx69(WrappedComponent, { ...props });
-    }
-    return /* @__PURE__ */ jsx69(
-      InputVariables,
-      {
-        disableInlineMenu: true,
-        showMenuPosition: "inline-right",
-        onChange: (newValue) => props.onChange(newValue != null ? newValue : ""),
-        value: props.value,
-        disabled: props.disabled,
-        inputWhenNoVariables: /* @__PURE__ */ jsx69(WrappedComponent, { ...props })
-      }
-    );
-  };
-  return WithInputVariables;
-}
-function withInputVariablesForMultiValue(WrappedComponent) {
-  const WithInputVariables = (props) => {
-    var _a;
-    if (!props.bindable || props.disabled || props.readOnly) {
-      return /* @__PURE__ */ jsx69(WrappedComponent, { ...props });
-    }
-    return /* @__PURE__ */ jsx69(
-      InputVariables,
-      {
-        disableInlineMenu: true,
-        showMenuPosition: "inline-right",
-        onChange: (newValue) => props.onChange(newValue ? [newValue] : []),
-        value: (_a = props.value) == null ? void 0 : _a[0],
-        inputWhenNoVariables: /* @__PURE__ */ jsx69(WrappedComponent, { ...props })
-      }
-    );
-  };
-  return WithInputVariables;
-}
-var bindableFiltersMapper = {
-  ...filterMapper,
-  multiChoice: withInputVariablesForMultiValue(FilterMultiChoiceEditor),
-  singleChoice: withInputVariables(FilterSingleChoiceEditor),
-  date: withInputVariables(DateEditor),
-  text: withInputVariables(TextEditor),
-  number: withInputVariables(NumberEditor)
-};
-
 // src/utils/createLocationValidator.ts
 function createLocationValidator(setValue, validate) {
   return (dispatch) => setValue((previous) => {
@@ -7455,7 +7371,6 @@ export {
   VariablesPlugin,
   VariablesProvider,
   badgeIcon,
-  bindableFiltersMapper,
   convertConnectedDataToVariable,
   createLocationValidator,
   damSelectItemImage,