@uniformdev/mesh-sdk-react 19.147.1-alpha.3 → 19.149.0

package/dist/index.d.mts

@@ -872,12 +872,16 @@ type ParameterConnectionIndicatorProps = {
     menuOptions: ReactNode;
     /** Sets the tooltip shown on hover over the insert-variable menu */
     menuTooltip?: string;
+    /**
+     * @deprecated beta used internally
+     * Sets padding bottom styles for the menu button */
+    overrideMenuButtonParentPadding?: number | string;
 };
 /**
  * An input box that enables insertion of 'variables', provided by VariablesProvider,
  * into its value. Designed specifically for use in the Canvas Parameter Editor.
  */
-declare function ParameterConnectionIndicator({ children, value, menuOptions, disabled, menuTooltip, }: ParameterConnectionIndicatorProps): _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare function ParameterConnectionIndicator({ children, value, menuOptions, disabled, menuTooltip, overrideMenuButtonParentPadding, }: ParameterConnectionIndicatorProps): _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
 type ParameterOrSingleVariableProps<TEditorContext = unknown> = {
     disabled?: boolean;

package/dist/index.d.ts

@@ -872,12 +872,16 @@ type ParameterConnectionIndicatorProps = {
     menuOptions: ReactNode;
     /** Sets the tooltip shown on hover over the insert-variable menu */
     menuTooltip?: string;
+    /**
+     * @deprecated beta used internally
+     * Sets padding bottom styles for the menu button */
+    overrideMenuButtonParentPadding?: number | string;
 };
 /**
  * An input box that enables insertion of 'variables', provided by VariablesProvider,
  * into its value. Designed specifically for use in the Canvas Parameter Editor.
  */
-declare function ParameterConnectionIndicator({ children, value, menuOptions, disabled, menuTooltip, }: ParameterConnectionIndicatorProps): _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare function ParameterConnectionIndicator({ children, value, menuOptions, disabled, menuTooltip, overrideMenuButtonParentPadding, }: ParameterConnectionIndicatorProps): _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
 type ParameterOrSingleVariableProps<TEditorContext = unknown> = {
     disabled?: boolean;

package/dist/index.esm.js

@@ -4205,6 +4205,7 @@ var input = css21`
 var inputCompact = css21`
   border: 1px solid var(--white);
   padding-block: var(--spacing-sm);
+  min-height: 39px;
   font-size: var(--fs-sm);
 `;
 var inputDisabled = css21`
@@ -4214,14 +4215,14 @@ var inputDisabled = css21`
 var placeholderCaption = css21`
   position: absolute;
   color: var(--gray-400);
-  inset: var(--spacing-base) var(--spacing-lg) var(--spacing-base) var(--spacing-base);
+  inset: 12px var(--spacing-base) 12px var(--spacing-sm);
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   pointer-events: none;
 `;
 var placeholderCompact = css21`
-  inset: var(--spacing-sm) var(--spacing-lg) var(--spacing-sm) var(--spacing-base);
+  inset: var(--spacing-sm) var(--spacing-lg) var(--spacing-sm) var(--spacing-sm);
 `;
 
 // src/components/Variables/styles/ParameterVariables.styles.ts
@@ -4872,6 +4873,7 @@ function InputVariables(props) {
             align: "center",
             gap: "xs",
             css: css24`
+          position: relative;
           & > div:first-child {
             flex-grow: 1;
           }
@@ -5002,7 +5004,8 @@ function ParameterConnectionIndicator({
   value,
   menuOptions,
   disabled,
-  menuTooltip = "Insert variable"
+  menuTooltip = "Insert variable",
+  overrideMenuButtonParentPadding
 }) {
   const hasVariablesInValue = useMemo11(() => {
     let result = false;
@@ -5023,13 +5026,21 @@ function ParameterConnectionIndicator({
         placement: "bottom-start",
         withoutPortal: true,
         menuTrigger: /* @__PURE__ */ jsx41(
-          "button",
+          "div",
           {
-            title: menuTooltip,
-            "aria-pressed": hasVariablesInValue,
-            css: [menuBtn, variableBindButton],
-            type: "button",
-            children: /* @__PURE__ */ jsx41(CgUsbC2, { size: "1.4rem" })
+            css: overrideMenuButtonParentPadding ? {
+              paddingBottom: overrideMenuButtonParentPadding
+            } : void 0,
+            children: /* @__PURE__ */ jsx41(
+              "button",
+              {
+                title: menuTooltip,
+                "aria-pressed": hasVariablesInValue,
+                css: [menuBtn, variableBindButton],
+                type: "button",
+                children: /* @__PURE__ */ jsx41(CgUsbC2, { size: "1.4rem" })
+              }
+            )
           }
         ),
         menuLabel: menuTooltip,
@@ -8214,7 +8225,8 @@ var DateRangeEditor = ({
           onChange: (e) => setMinDateValue(e.currentTarget.value),
           "aria-invalid": !error ? false : true,
           disabled,
-          readOnly
+          readOnly,
+          "data-testid": "value-low"
         }
       ),
       /* @__PURE__ */ jsx70(
@@ -8227,7 +8239,8 @@ var DateRangeEditor = ({
           onChange: (e) => setMaxDateValue(e.currentTarget.value),
           "aria-invalid": !error ? false : true,
           disabled,
-          readOnly
+          readOnly,
+          "data-testid": "value-high"
         }
       )
     ] }),

package/dist/index.js

@@ -4410,6 +4410,7 @@ var input = import_react42.css`
 var inputCompact = import_react42.css`
   border: 1px solid var(--white);
   padding-block: var(--spacing-sm);
+  min-height: 39px;
   font-size: var(--fs-sm);
 `;
 var inputDisabled = import_react42.css`
@@ -4419,14 +4420,14 @@ var inputDisabled = import_react42.css`
 var placeholderCaption = import_react42.css`
   position: absolute;
   color: var(--gray-400);
-  inset: var(--spacing-base) var(--spacing-lg) var(--spacing-base) var(--spacing-base);
+  inset: 12px var(--spacing-base) 12px var(--spacing-sm);
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   pointer-events: none;
 `;
 var placeholderCompact = import_react42.css`
-  inset: var(--spacing-sm) var(--spacing-lg) var(--spacing-sm) var(--spacing-base);
+  inset: var(--spacing-sm) var(--spacing-lg) var(--spacing-sm) var(--spacing-sm);
 `;
 
 // src/components/Variables/styles/ParameterVariables.styles.ts
@@ -5065,6 +5066,7 @@ function InputVariables(props) {
             align: "center",
             gap: "xs",
             css: import_react51.css`
+          position: relative;
           & > div:first-child {
             flex-grow: 1;
           }
@@ -5195,7 +5197,8 @@ function ParameterConnectionIndicator({
   value,
   menuOptions,
   disabled,
-  menuTooltip = "Insert variable"
+  menuTooltip = "Insert variable",
+  overrideMenuButtonParentPadding
 }) {
   const hasVariablesInValue = (0, import_react53.useMemo)(() => {
     let result = false;
@@ -5216,13 +5219,21 @@ function ParameterConnectionIndicator({
         placement: "bottom-start",
         withoutPortal: true,
         menuTrigger: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
-          "button",
+          "div",
           {
-            title: menuTooltip,
-            "aria-pressed": hasVariablesInValue,
-            css: [menuBtn, variableBindButton],
-            type: "button",
-            children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_CgUsbC2.CgUsbC, { size: "1.4rem" })
+            css: overrideMenuButtonParentPadding ? {
+              paddingBottom: overrideMenuButtonParentPadding
+            } : void 0,
+            children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+              "button",
+              {
+                title: menuTooltip,
+                "aria-pressed": hasVariablesInValue,
+                css: [menuBtn, variableBindButton],
+                type: "button",
+                children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_CgUsbC2.CgUsbC, { size: "1.4rem" })
+              }
+            )
           }
         ),
         menuLabel: menuTooltip,
@@ -8364,7 +8375,8 @@ var DateRangeEditor = ({
           onChange: (e) => setMinDateValue(e.currentTarget.value),
           "aria-invalid": !error ? false : true,
           disabled,
-          readOnly
+          readOnly,
+          "data-testid": "value-low"
         }
       ),
       /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
@@ -8377,7 +8389,8 @@ var DateRangeEditor = ({
           onChange: (e) => setMaxDateValue(e.currentTarget.value),
           "aria-invalid": !error ? false : true,
           disabled,
-          readOnly
+          readOnly,
+          "data-testid": "value-high"
         }
       )
     ] }),

package/dist/index.mjs

@@ -4205,6 +4205,7 @@ var input = css21`
 var inputCompact = css21`
   border: 1px solid var(--white);
   padding-block: var(--spacing-sm);
+  min-height: 39px;
   font-size: var(--fs-sm);
 `;
 var inputDisabled = css21`
@@ -4214,14 +4215,14 @@ var inputDisabled = css21`
 var placeholderCaption = css21`
   position: absolute;
   color: var(--gray-400);
-  inset: var(--spacing-base) var(--spacing-lg) var(--spacing-base) var(--spacing-base);
+  inset: 12px var(--spacing-base) 12px var(--spacing-sm);
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   pointer-events: none;
 `;
 var placeholderCompact = css21`
-  inset: var(--spacing-sm) var(--spacing-lg) var(--spacing-sm) var(--spacing-base);
+  inset: var(--spacing-sm) var(--spacing-lg) var(--spacing-sm) var(--spacing-sm);
 `;
 
 // src/components/Variables/styles/ParameterVariables.styles.ts
@@ -4872,6 +4873,7 @@ function InputVariables(props) {
             align: "center",
             gap: "xs",
             css: css24`
+          position: relative;
           & > div:first-child {
             flex-grow: 1;
           }
@@ -5002,7 +5004,8 @@ function ParameterConnectionIndicator({
   value,
   menuOptions,
   disabled,
-  menuTooltip = "Insert variable"
+  menuTooltip = "Insert variable",
+  overrideMenuButtonParentPadding
 }) {
   const hasVariablesInValue = useMemo11(() => {
     let result = false;
@@ -5023,13 +5026,21 @@ function ParameterConnectionIndicator({
         placement: "bottom-start",
         withoutPortal: true,
         menuTrigger: /* @__PURE__ */ jsx41(
-          "button",
+          "div",
           {
-            title: menuTooltip,
-            "aria-pressed": hasVariablesInValue,
-            css: [menuBtn, variableBindButton],
-            type: "button",
-            children: /* @__PURE__ */ jsx41(CgUsbC2, { size: "1.4rem" })
+            css: overrideMenuButtonParentPadding ? {
+              paddingBottom: overrideMenuButtonParentPadding
+            } : void 0,
+            children: /* @__PURE__ */ jsx41(
+              "button",
+              {
+                title: menuTooltip,
+                "aria-pressed": hasVariablesInValue,
+                css: [menuBtn, variableBindButton],
+                type: "button",
+                children: /* @__PURE__ */ jsx41(CgUsbC2, { size: "1.4rem" })
+              }
+            )
           }
         ),
         menuLabel: menuTooltip,
@@ -8214,7 +8225,8 @@ var DateRangeEditor = ({
           onChange: (e) => setMinDateValue(e.currentTarget.value),
           "aria-invalid": !error ? false : true,
           disabled,
-          readOnly
+          readOnly,
+          "data-testid": "value-low"
         }
       ),
       /* @__PURE__ */ jsx70(
@@ -8227,7 +8239,8 @@ var DateRangeEditor = ({
           onChange: (e) => setMaxDateValue(e.currentTarget.value),
           "aria-invalid": !error ? false : true,
           disabled,
-          readOnly
+          readOnly,
+          "data-testid": "value-high"
         }
       )
     ] }),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uniformdev/mesh-sdk-react",
-  "version": "19.147.1-alpha.3+1af8304702",
+  "version": "19.149.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.147.1-alpha.3+1af8304702",
-    "@uniformdev/design-system": "19.147.1-alpha.3+1af8304702",
-    "@uniformdev/mesh-sdk": "19.147.1-alpha.3+1af8304702",
+    "@uniformdev/canvas": "19.149.0",
+    "@uniformdev/design-system": "19.149.0",
+    "@uniformdev/mesh-sdk": "19.149.0",
     "dequal": "^2.0.3",
     "lexical": "^0.12.0",
     "mitt": "^3.0.0",
@@ -86,5 +86,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "1af830470251c963f96bad096f543cfd3b612ffe"
+  "gitHead": "fb8b8ed8fe0f1872070ef3ece9961f2970f7f17a"
 }