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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.d.mts CHANGED
@@ -423,6 +423,8 @@ declare function useMeshLocation<TLocationType extends MeshLocation['type'], TLo
423
423
  type: TLocationType;
424
424
  }> | Extract<_uniformdev_mesh_sdk.DataResourceLocation, {
425
425
  type: TLocationType;
426
+ }> | Extract<_uniformdev_mesh_sdk.CanvasEditorSideRailLocation, {
427
+ type: TLocationType;
426
428
  }> | Extract<_uniformdev_mesh_sdk.AIPromptMetadataLocation, {
427
429
  type: TLocationType;
428
430
  }> | Extract<_uniformdev_mesh_sdk.ParamTypeLocation<TLocationValue, unknown, TLocationSetValue, unknown>, {
@@ -444,6 +446,8 @@ declare function useMeshLocation<TLocationType extends MeshLocation['type'], TLo
444
446
  type: TLocationType;
445
447
  }> | Extract<_uniformdev_mesh_sdk.DataResourceLocation, {
446
448
  type: TLocationType;
449
+ }> | Extract<_uniformdev_mesh_sdk.CanvasEditorSideRailLocation, {
450
+ type: TLocationType;
447
451
  }> | Extract<_uniformdev_mesh_sdk.AIPromptMetadataLocation, {
448
452
  type: TLocationType;
449
453
  }> | Extract<_uniformdev_mesh_sdk.ParamTypeLocation<TLocationValue, unknown, TLocationSetValue, unknown>, {
@@ -464,6 +468,8 @@ declare function useMeshLocation<TLocationType extends MeshLocation['type'], TLo
464
468
  type: TLocationType;
465
469
  }> | Extract<_uniformdev_mesh_sdk.DataResourceLocation, {
466
470
  type: TLocationType;
471
+ }> | Extract<_uniformdev_mesh_sdk.CanvasEditorSideRailLocation, {
472
+ type: TLocationType;
467
473
  }> | Extract<_uniformdev_mesh_sdk.AIPromptMetadataLocation, {
468
474
  type: TLocationType;
469
475
  }> | Extract<_uniformdev_mesh_sdk.ParamTypeLocation<TLocationValue, unknown, TLocationSetValue, unknown>, {
@@ -872,12 +878,16 @@ type ParameterConnectionIndicatorProps = {
872
878
  menuOptions: ReactNode;
873
879
  /** Sets the tooltip shown on hover over the insert-variable menu */
874
880
  menuTooltip?: string;
881
+ /**
882
+ * @deprecated beta used internally
883
+ * Sets padding bottom styles for the menu button */
884
+ overrideMenuButtonParentPadding?: number | string;
875
885
  };
876
886
  /**
877
887
  * An input box that enables insertion of 'variables', provided by VariablesProvider,
878
888
  * into its value. Designed specifically for use in the Canvas Parameter Editor.
879
889
  */
880
- declare function ParameterConnectionIndicator({ children, value, menuOptions, disabled, menuTooltip, }: ParameterConnectionIndicatorProps): _emotion_react_types_jsx_namespace.EmotionJSX.Element;
890
+ declare function ParameterConnectionIndicator({ children, value, menuOptions, disabled, menuTooltip, overrideMenuButtonParentPadding, }: ParameterConnectionIndicatorProps): _emotion_react_types_jsx_namespace.EmotionJSX.Element;
881
891
 
882
892
  type ParameterOrSingleVariableProps<TEditorContext = unknown> = {
883
893
  disabled?: boolean;
package/dist/index.d.ts CHANGED
@@ -423,6 +423,8 @@ declare function useMeshLocation<TLocationType extends MeshLocation['type'], TLo
423
423
  type: TLocationType;
424
424
  }> | Extract<_uniformdev_mesh_sdk.DataResourceLocation, {
425
425
  type: TLocationType;
426
+ }> | Extract<_uniformdev_mesh_sdk.CanvasEditorSideRailLocation, {
427
+ type: TLocationType;
426
428
  }> | Extract<_uniformdev_mesh_sdk.AIPromptMetadataLocation, {
427
429
  type: TLocationType;
428
430
  }> | Extract<_uniformdev_mesh_sdk.ParamTypeLocation<TLocationValue, unknown, TLocationSetValue, unknown>, {
@@ -444,6 +446,8 @@ declare function useMeshLocation<TLocationType extends MeshLocation['type'], TLo
444
446
  type: TLocationType;
445
447
  }> | Extract<_uniformdev_mesh_sdk.DataResourceLocation, {
446
448
  type: TLocationType;
449
+ }> | Extract<_uniformdev_mesh_sdk.CanvasEditorSideRailLocation, {
450
+ type: TLocationType;
447
451
  }> | Extract<_uniformdev_mesh_sdk.AIPromptMetadataLocation, {
448
452
  type: TLocationType;
449
453
  }> | Extract<_uniformdev_mesh_sdk.ParamTypeLocation<TLocationValue, unknown, TLocationSetValue, unknown>, {
@@ -464,6 +468,8 @@ declare function useMeshLocation<TLocationType extends MeshLocation['type'], TLo
464
468
  type: TLocationType;
465
469
  }> | Extract<_uniformdev_mesh_sdk.DataResourceLocation, {
466
470
  type: TLocationType;
471
+ }> | Extract<_uniformdev_mesh_sdk.CanvasEditorSideRailLocation, {
472
+ type: TLocationType;
467
473
  }> | Extract<_uniformdev_mesh_sdk.AIPromptMetadataLocation, {
468
474
  type: TLocationType;
469
475
  }> | Extract<_uniformdev_mesh_sdk.ParamTypeLocation<TLocationValue, unknown, TLocationSetValue, unknown>, {
@@ -872,12 +878,16 @@ type ParameterConnectionIndicatorProps = {
872
878
  menuOptions: ReactNode;
873
879
  /** Sets the tooltip shown on hover over the insert-variable menu */
874
880
  menuTooltip?: string;
881
+ /**
882
+ * @deprecated beta used internally
883
+ * Sets padding bottom styles for the menu button */
884
+ overrideMenuButtonParentPadding?: number | string;
875
885
  };
876
886
  /**
877
887
  * An input box that enables insertion of 'variables', provided by VariablesProvider,
878
888
  * into its value. Designed specifically for use in the Canvas Parameter Editor.
879
889
  */
880
- declare function ParameterConnectionIndicator({ children, value, menuOptions, disabled, menuTooltip, }: ParameterConnectionIndicatorProps): _emotion_react_types_jsx_namespace.EmotionJSX.Element;
890
+ declare function ParameterConnectionIndicator({ children, value, menuOptions, disabled, menuTooltip, overrideMenuButtonParentPadding, }: ParameterConnectionIndicatorProps): _emotion_react_types_jsx_namespace.EmotionJSX.Element;
881
891
 
882
892
  type ParameterOrSingleVariableProps<TEditorContext = unknown> = {
883
893
  disabled?: boolean;
package/dist/index.esm.js CHANGED
@@ -4205,6 +4205,7 @@ var input = css21`
4205
4205
  var inputCompact = css21`
4206
4206
  border: 1px solid var(--white);
4207
4207
  padding-block: var(--spacing-sm);
4208
+ min-height: 39px;
4208
4209
  font-size: var(--fs-sm);
4209
4210
  `;
4210
4211
  var inputDisabled = css21`
@@ -4214,14 +4215,14 @@ var inputDisabled = css21`
4214
4215
  var placeholderCaption = css21`
4215
4216
  position: absolute;
4216
4217
  color: var(--gray-400);
4217
- inset: var(--spacing-base) var(--spacing-lg) var(--spacing-base) var(--spacing-base);
4218
+ inset: 12px var(--spacing-base) 12px var(--spacing-sm);
4218
4219
  overflow: hidden;
4219
4220
  text-overflow: ellipsis;
4220
4221
  white-space: nowrap;
4221
4222
  pointer-events: none;
4222
4223
  `;
4223
4224
  var placeholderCompact = css21`
4224
- inset: var(--spacing-sm) var(--spacing-lg) var(--spacing-sm) var(--spacing-base);
4225
+ inset: var(--spacing-sm) var(--spacing-lg) var(--spacing-sm) var(--spacing-sm);
4225
4226
  `;
4226
4227
 
4227
4228
  // src/components/Variables/styles/ParameterVariables.styles.ts
@@ -4872,6 +4873,7 @@ function InputVariables(props) {
4872
4873
  align: "center",
4873
4874
  gap: "xs",
4874
4875
  css: css24`
4876
+ position: relative;
4875
4877
  & > div:first-child {
4876
4878
  flex-grow: 1;
4877
4879
  }
@@ -5002,7 +5004,8 @@ function ParameterConnectionIndicator({
5002
5004
  value,
5003
5005
  menuOptions,
5004
5006
  disabled,
5005
- menuTooltip = "Insert variable"
5007
+ menuTooltip = "Insert variable",
5008
+ overrideMenuButtonParentPadding
5006
5009
  }) {
5007
5010
  const hasVariablesInValue = useMemo11(() => {
5008
5011
  let result = false;
@@ -5023,13 +5026,21 @@ function ParameterConnectionIndicator({
5023
5026
  placement: "bottom-start",
5024
5027
  withoutPortal: true,
5025
5028
  menuTrigger: /* @__PURE__ */ jsx41(
5026
- "button",
5029
+ "div",
5027
5030
  {
5028
- title: menuTooltip,
5029
- "aria-pressed": hasVariablesInValue,
5030
- css: [menuBtn, variableBindButton],
5031
- type: "button",
5032
- children: /* @__PURE__ */ jsx41(CgUsbC2, { size: "1.4rem" })
5031
+ css: overrideMenuButtonParentPadding ? {
5032
+ paddingBottom: overrideMenuButtonParentPadding
5033
+ } : void 0,
5034
+ children: /* @__PURE__ */ jsx41(
5035
+ "button",
5036
+ {
5037
+ title: menuTooltip,
5038
+ "aria-pressed": hasVariablesInValue,
5039
+ css: [menuBtn, variableBindButton],
5040
+ type: "button",
5041
+ children: /* @__PURE__ */ jsx41(CgUsbC2, { size: "1.4rem" })
5042
+ }
5043
+ )
5033
5044
  }
5034
5045
  ),
5035
5046
  menuLabel: menuTooltip,
@@ -8214,7 +8225,8 @@ var DateRangeEditor = ({
8214
8225
  onChange: (e) => setMinDateValue(e.currentTarget.value),
8215
8226
  "aria-invalid": !error ? false : true,
8216
8227
  disabled,
8217
- readOnly
8228
+ readOnly,
8229
+ "data-testid": "value-low"
8218
8230
  }
8219
8231
  ),
8220
8232
  /* @__PURE__ */ jsx70(
@@ -8227,7 +8239,8 @@ var DateRangeEditor = ({
8227
8239
  onChange: (e) => setMaxDateValue(e.currentTarget.value),
8228
8240
  "aria-invalid": !error ? false : true,
8229
8241
  disabled,
8230
- readOnly
8242
+ readOnly,
8243
+ "data-testid": "value-high"
8231
8244
  }
8232
8245
  )
8233
8246
  ] }),
package/dist/index.js CHANGED
@@ -4410,6 +4410,7 @@ var input = import_react42.css`
4410
4410
  var inputCompact = import_react42.css`
4411
4411
  border: 1px solid var(--white);
4412
4412
  padding-block: var(--spacing-sm);
4413
+ min-height: 39px;
4413
4414
  font-size: var(--fs-sm);
4414
4415
  `;
4415
4416
  var inputDisabled = import_react42.css`
@@ -4419,14 +4420,14 @@ var inputDisabled = import_react42.css`
4419
4420
  var placeholderCaption = import_react42.css`
4420
4421
  position: absolute;
4421
4422
  color: var(--gray-400);
4422
- inset: var(--spacing-base) var(--spacing-lg) var(--spacing-base) var(--spacing-base);
4423
+ inset: 12px var(--spacing-base) 12px var(--spacing-sm);
4423
4424
  overflow: hidden;
4424
4425
  text-overflow: ellipsis;
4425
4426
  white-space: nowrap;
4426
4427
  pointer-events: none;
4427
4428
  `;
4428
4429
  var placeholderCompact = import_react42.css`
4429
- inset: var(--spacing-sm) var(--spacing-lg) var(--spacing-sm) var(--spacing-base);
4430
+ inset: var(--spacing-sm) var(--spacing-lg) var(--spacing-sm) var(--spacing-sm);
4430
4431
  `;
4431
4432
 
4432
4433
  // src/components/Variables/styles/ParameterVariables.styles.ts
@@ -5065,6 +5066,7 @@ function InputVariables(props) {
5065
5066
  align: "center",
5066
5067
  gap: "xs",
5067
5068
  css: import_react51.css`
5069
+ position: relative;
5068
5070
  & > div:first-child {
5069
5071
  flex-grow: 1;
5070
5072
  }
@@ -5195,7 +5197,8 @@ function ParameterConnectionIndicator({
5195
5197
  value,
5196
5198
  menuOptions,
5197
5199
  disabled,
5198
- menuTooltip = "Insert variable"
5200
+ menuTooltip = "Insert variable",
5201
+ overrideMenuButtonParentPadding
5199
5202
  }) {
5200
5203
  const hasVariablesInValue = (0, import_react53.useMemo)(() => {
5201
5204
  let result = false;
@@ -5216,13 +5219,21 @@ function ParameterConnectionIndicator({
5216
5219
  placement: "bottom-start",
5217
5220
  withoutPortal: true,
5218
5221
  menuTrigger: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
5219
- "button",
5222
+ "div",
5220
5223
  {
5221
- title: menuTooltip,
5222
- "aria-pressed": hasVariablesInValue,
5223
- css: [menuBtn, variableBindButton],
5224
- type: "button",
5225
- children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_CgUsbC2.CgUsbC, { size: "1.4rem" })
5224
+ css: overrideMenuButtonParentPadding ? {
5225
+ paddingBottom: overrideMenuButtonParentPadding
5226
+ } : void 0,
5227
+ children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
5228
+ "button",
5229
+ {
5230
+ title: menuTooltip,
5231
+ "aria-pressed": hasVariablesInValue,
5232
+ css: [menuBtn, variableBindButton],
5233
+ type: "button",
5234
+ children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_CgUsbC2.CgUsbC, { size: "1.4rem" })
5235
+ }
5236
+ )
5226
5237
  }
5227
5238
  ),
5228
5239
  menuLabel: menuTooltip,
@@ -8364,7 +8375,8 @@ var DateRangeEditor = ({
8364
8375
  onChange: (e) => setMinDateValue(e.currentTarget.value),
8365
8376
  "aria-invalid": !error ? false : true,
8366
8377
  disabled,
8367
- readOnly
8378
+ readOnly,
8379
+ "data-testid": "value-low"
8368
8380
  }
8369
8381
  ),
8370
8382
  /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
@@ -8377,7 +8389,8 @@ var DateRangeEditor = ({
8377
8389
  onChange: (e) => setMaxDateValue(e.currentTarget.value),
8378
8390
  "aria-invalid": !error ? false : true,
8379
8391
  disabled,
8380
- readOnly
8392
+ readOnly,
8393
+ "data-testid": "value-high"
8381
8394
  }
8382
8395
  )
8383
8396
  ] }),
package/dist/index.mjs CHANGED
@@ -4205,6 +4205,7 @@ var input = css21`
4205
4205
  var inputCompact = css21`
4206
4206
  border: 1px solid var(--white);
4207
4207
  padding-block: var(--spacing-sm);
4208
+ min-height: 39px;
4208
4209
  font-size: var(--fs-sm);
4209
4210
  `;
4210
4211
  var inputDisabled = css21`
@@ -4214,14 +4215,14 @@ var inputDisabled = css21`
4214
4215
  var placeholderCaption = css21`
4215
4216
  position: absolute;
4216
4217
  color: var(--gray-400);
4217
- inset: var(--spacing-base) var(--spacing-lg) var(--spacing-base) var(--spacing-base);
4218
+ inset: 12px var(--spacing-base) 12px var(--spacing-sm);
4218
4219
  overflow: hidden;
4219
4220
  text-overflow: ellipsis;
4220
4221
  white-space: nowrap;
4221
4222
  pointer-events: none;
4222
4223
  `;
4223
4224
  var placeholderCompact = css21`
4224
- inset: var(--spacing-sm) var(--spacing-lg) var(--spacing-sm) var(--spacing-base);
4225
+ inset: var(--spacing-sm) var(--spacing-lg) var(--spacing-sm) var(--spacing-sm);
4225
4226
  `;
4226
4227
 
4227
4228
  // src/components/Variables/styles/ParameterVariables.styles.ts
@@ -4872,6 +4873,7 @@ function InputVariables(props) {
4872
4873
  align: "center",
4873
4874
  gap: "xs",
4874
4875
  css: css24`
4876
+ position: relative;
4875
4877
  & > div:first-child {
4876
4878
  flex-grow: 1;
4877
4879
  }
@@ -5002,7 +5004,8 @@ function ParameterConnectionIndicator({
5002
5004
  value,
5003
5005
  menuOptions,
5004
5006
  disabled,
5005
- menuTooltip = "Insert variable"
5007
+ menuTooltip = "Insert variable",
5008
+ overrideMenuButtonParentPadding
5006
5009
  }) {
5007
5010
  const hasVariablesInValue = useMemo11(() => {
5008
5011
  let result = false;
@@ -5023,13 +5026,21 @@ function ParameterConnectionIndicator({
5023
5026
  placement: "bottom-start",
5024
5027
  withoutPortal: true,
5025
5028
  menuTrigger: /* @__PURE__ */ jsx41(
5026
- "button",
5029
+ "div",
5027
5030
  {
5028
- title: menuTooltip,
5029
- "aria-pressed": hasVariablesInValue,
5030
- css: [menuBtn, variableBindButton],
5031
- type: "button",
5032
- children: /* @__PURE__ */ jsx41(CgUsbC2, { size: "1.4rem" })
5031
+ css: overrideMenuButtonParentPadding ? {
5032
+ paddingBottom: overrideMenuButtonParentPadding
5033
+ } : void 0,
5034
+ children: /* @__PURE__ */ jsx41(
5035
+ "button",
5036
+ {
5037
+ title: menuTooltip,
5038
+ "aria-pressed": hasVariablesInValue,
5039
+ css: [menuBtn, variableBindButton],
5040
+ type: "button",
5041
+ children: /* @__PURE__ */ jsx41(CgUsbC2, { size: "1.4rem" })
5042
+ }
5043
+ )
5033
5044
  }
5034
5045
  ),
5035
5046
  menuLabel: menuTooltip,
@@ -8214,7 +8225,8 @@ var DateRangeEditor = ({
8214
8225
  onChange: (e) => setMinDateValue(e.currentTarget.value),
8215
8226
  "aria-invalid": !error ? false : true,
8216
8227
  disabled,
8217
- readOnly
8228
+ readOnly,
8229
+ "data-testid": "value-low"
8218
8230
  }
8219
8231
  ),
8220
8232
  /* @__PURE__ */ jsx70(
@@ -8227,7 +8239,8 @@ var DateRangeEditor = ({
8227
8239
  onChange: (e) => setMaxDateValue(e.currentTarget.value),
8228
8240
  "aria-invalid": !error ? false : true,
8229
8241
  disabled,
8230
- readOnly
8242
+ readOnly,
8243
+ "data-testid": "value-high"
8231
8244
  }
8232
8245
  )
8233
8246
  ] }),
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@uniformdev/mesh-sdk-react",
3
- "version": "19.147.1-alpha.3+1af8304702",
3
+ "version": "19.149.1-alpha.1+55ee398800",
4
4
  "description": "Uniform Mesh Framework SDK for React",
5
5
  "license": "SEE LICENSE IN LICENSE.txt",
6
6
  "main": "./dist/index.js",
@@ -50,9 +50,9 @@
50
50
  "@lexical/selection": "^0.12.0",
51
51
  "@lexical/utils": "^0.12.0",
52
52
  "@react-icons/all-files": "https://github.com/react-icons/react-icons/releases/download/v4.10.1/react-icons-all-files-4.10.1.tgz",
53
- "@uniformdev/canvas": "19.147.1-alpha.3+1af8304702",
54
- "@uniformdev/design-system": "19.147.1-alpha.3+1af8304702",
55
- "@uniformdev/mesh-sdk": "19.147.1-alpha.3+1af8304702",
53
+ "@uniformdev/canvas": "19.149.1-alpha.1+55ee398800",
54
+ "@uniformdev/design-system": "19.149.1-alpha.1+55ee398800",
55
+ "@uniformdev/mesh-sdk": "19.149.1-alpha.1+55ee398800",
56
56
  "dequal": "^2.0.3",
57
57
  "lexical": "^0.12.0",
58
58
  "mitt": "^3.0.0",
@@ -86,5 +86,5 @@
86
86
  "publishConfig": {
87
87
  "access": "public"
88
88
  },
89
- "gitHead": "1af830470251c963f96bad096f543cfd3b612ffe"
89
+ "gitHead": "55ee398800ebfebe4d493572e47f5474b6125ddf"
90
90
  }