@uniformdev/mesh-sdk-react 19.23.1-alpha.13 → 19.25.0
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.ts +9 -1
- package/dist/index.esm.js +11 -10
- package/dist/index.js +11 -10
- package/dist/index.mjs +11 -10
- package/package.json +5 -5
package/dist/index.d.ts
CHANGED
|
@@ -466,7 +466,15 @@ type InputVariablesProps = {
|
|
|
466
466
|
onChange: (newValue: string) => void;
|
|
467
467
|
/** Disables using variables in the input */
|
|
468
468
|
disableVariables?: boolean;
|
|
469
|
-
/**
|
|
469
|
+
/**
|
|
470
|
+
* Turns off the 'Reset' menu option that is added when:
|
|
471
|
+
* - inputWhenNoVariables is passed in
|
|
472
|
+
* - variables are, or have have been bound to
|
|
473
|
+
*
|
|
474
|
+
* The reset button returns the editor to the inputWithNoVariables state
|
|
475
|
+
*
|
|
476
|
+
* @deprecated not usually necessary to set this, it's automatic
|
|
477
|
+
*/
|
|
470
478
|
disableReset?: boolean;
|
|
471
479
|
/** Enables adding variables from the menu */
|
|
472
480
|
showAddVariableMenuOption?: boolean;
|
package/dist/index.esm.js
CHANGED
|
@@ -3793,7 +3793,7 @@ var SelectVariableMenu = ({
|
|
|
3793
3793
|
variablesGroups.map((group) => {
|
|
3794
3794
|
var _a;
|
|
3795
3795
|
return /* @__PURE__ */ jsx32(MenuGroup2, { title: (_a = group.name) != null ? _a : "", children: group.variables.map((variable) => {
|
|
3796
|
-
const { name, helpText } = variable;
|
|
3796
|
+
const { name, displayName, helpText } = variable;
|
|
3797
3797
|
return /* @__PURE__ */ jsxs19(
|
|
3798
3798
|
MenuItem3,
|
|
3799
3799
|
{
|
|
@@ -3801,7 +3801,7 @@ var SelectVariableMenu = ({
|
|
|
3801
3801
|
css: menuItemTextGroup,
|
|
3802
3802
|
onClick: () => onSelectVariable == null ? void 0 : onSelectVariable(variable),
|
|
3803
3803
|
children: [
|
|
3804
|
-
/* @__PURE__ */ jsx32("span", { children: name }),
|
|
3804
|
+
/* @__PURE__ */ jsx32("span", { children: displayName != null ? displayName : name }),
|
|
3805
3805
|
helpText ? /* @__PURE__ */ jsx32("small", { css: smallText, children: helpText }) : null
|
|
3806
3806
|
]
|
|
3807
3807
|
},
|
|
@@ -4038,7 +4038,7 @@ function serializeEditorState(editorState) {
|
|
|
4038
4038
|
}
|
|
4039
4039
|
function serializeRecursive(node, buffer) {
|
|
4040
4040
|
if (node.type === TextNode2.getType()) {
|
|
4041
|
-
buffer.push(node.text);
|
|
4041
|
+
buffer.push(node.text.replace("${", "\\${"));
|
|
4042
4042
|
}
|
|
4043
4043
|
if (node.type === VariableNode.getType()) {
|
|
4044
4044
|
buffer.push(`\${${node.reference}}`);
|
|
@@ -4082,17 +4082,21 @@ function InputVariables({
|
|
|
4082
4082
|
if (hasVariablesInValue) {
|
|
4083
4083
|
setHadVariablesInValue(true);
|
|
4084
4084
|
}
|
|
4085
|
-
|
|
4085
|
+
if (!inputWhenNoVariables) {
|
|
4086
|
+
setHadVariablesInValue(hasVariablesInValue);
|
|
4087
|
+
}
|
|
4088
|
+
}, [hasVariablesInValue, inputWhenNoVariables]);
|
|
4086
4089
|
const disableVariablesForReals = disableVariables || Object.keys(variables).length === 0 && !showAddVariableMenuOption;
|
|
4087
4090
|
const disableInlineVariablesForReals = disableVariablesForReals || disableInlineMenu;
|
|
4091
|
+
const disableResetForReals = disableReset || !inputWhenNoVariables || !hadVariablesInValue;
|
|
4088
4092
|
const sharedMenuProps = useMemo8(
|
|
4089
4093
|
() => ({
|
|
4090
4094
|
showAddVariableMenuOption,
|
|
4091
|
-
onResetVariables:
|
|
4095
|
+
onResetVariables: disableResetForReals ? void 0 : () => {
|
|
4092
4096
|
setHadVariablesInValue(false);
|
|
4093
4097
|
}
|
|
4094
4098
|
}),
|
|
4095
|
-
[
|
|
4099
|
+
[disableResetForReals, showAddVariableMenuOption]
|
|
4096
4100
|
);
|
|
4097
4101
|
const input2 = /* @__PURE__ */ jsxs22("div", { children: [
|
|
4098
4102
|
inputWhenNoVariables && !hadVariablesInValue ? inputWhenNoVariables : /* @__PURE__ */ jsx36(InputVariablesMenu, { ...sharedMenuProps, disabled: disableInlineVariablesForReals, children: /* @__PURE__ */ jsx36(
|
|
@@ -4703,7 +4707,6 @@ function RequestHeaders({ disableVariables }) {
|
|
|
4703
4707
|
disableVariables,
|
|
4704
4708
|
showAddVariableMenuOption: true,
|
|
4705
4709
|
enableEditingVariables: true,
|
|
4706
|
-
disableReset: true,
|
|
4707
4710
|
"data-test-id": "header-value"
|
|
4708
4711
|
}
|
|
4709
4712
|
) : null })
|
|
@@ -4816,8 +4819,7 @@ function RequestParameters({ disableVariables }) {
|
|
|
4816
4819
|
disableVariables,
|
|
4817
4820
|
"data-test-id": "parameter-value",
|
|
4818
4821
|
showAddVariableMenuOption: true,
|
|
4819
|
-
enableEditingVariables: true
|
|
4820
|
-
disableReset: true
|
|
4822
|
+
enableEditingVariables: true
|
|
4821
4823
|
}
|
|
4822
4824
|
) : null })
|
|
4823
4825
|
] }, index);
|
|
@@ -4928,7 +4930,6 @@ function RequestUrlInput(props) {
|
|
|
4928
4930
|
return /* @__PURE__ */ jsx47(
|
|
4929
4931
|
InputVariables,
|
|
4930
4932
|
{
|
|
4931
|
-
disableReset: true,
|
|
4932
4933
|
...props,
|
|
4933
4934
|
value: request.relativeUrl,
|
|
4934
4935
|
transformPaste: (value) => transformPastedUrl(value, request, dispatch),
|
package/dist/index.js
CHANGED
|
@@ -3945,7 +3945,7 @@ var SelectVariableMenu = ({
|
|
|
3945
3945
|
variablesGroups.map((group) => {
|
|
3946
3946
|
var _a;
|
|
3947
3947
|
return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_design_system17.MenuGroup, { title: (_a = group.name) != null ? _a : "", children: group.variables.map((variable) => {
|
|
3948
|
-
const { name, helpText } = variable;
|
|
3948
|
+
const { name, displayName, helpText } = variable;
|
|
3949
3949
|
return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
|
|
3950
3950
|
import_design_system17.MenuItem,
|
|
3951
3951
|
{
|
|
@@ -3953,7 +3953,7 @@ var SelectVariableMenu = ({
|
|
|
3953
3953
|
css: menuItemTextGroup,
|
|
3954
3954
|
onClick: () => onSelectVariable == null ? void 0 : onSelectVariable(variable),
|
|
3955
3955
|
children: [
|
|
3956
|
-
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { children: name }),
|
|
3956
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { children: displayName != null ? displayName : name }),
|
|
3957
3957
|
helpText ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("small", { css: smallText, children: helpText }) : null
|
|
3958
3958
|
]
|
|
3959
3959
|
},
|
|
@@ -4187,7 +4187,7 @@ function serializeEditorState(editorState) {
|
|
|
4187
4187
|
}
|
|
4188
4188
|
function serializeRecursive(node, buffer) {
|
|
4189
4189
|
if (node.type === import_lexical6.TextNode.getType()) {
|
|
4190
|
-
buffer.push(node.text);
|
|
4190
|
+
buffer.push(node.text.replace("${", "\\${"));
|
|
4191
4191
|
}
|
|
4192
4192
|
if (node.type === VariableNode.getType()) {
|
|
4193
4193
|
buffer.push(`\${${node.reference}}`);
|
|
@@ -4231,17 +4231,21 @@ function InputVariables({
|
|
|
4231
4231
|
if (hasVariablesInValue) {
|
|
4232
4232
|
setHadVariablesInValue(true);
|
|
4233
4233
|
}
|
|
4234
|
-
|
|
4234
|
+
if (!inputWhenNoVariables) {
|
|
4235
|
+
setHadVariablesInValue(hasVariablesInValue);
|
|
4236
|
+
}
|
|
4237
|
+
}, [hasVariablesInValue, inputWhenNoVariables]);
|
|
4235
4238
|
const disableVariablesForReals = disableVariables || Object.keys(variables).length === 0 && !showAddVariableMenuOption;
|
|
4236
4239
|
const disableInlineVariablesForReals = disableVariablesForReals || disableInlineMenu;
|
|
4240
|
+
const disableResetForReals = disableReset || !inputWhenNoVariables || !hadVariablesInValue;
|
|
4237
4241
|
const sharedMenuProps = (0, import_react41.useMemo)(
|
|
4238
4242
|
() => ({
|
|
4239
4243
|
showAddVariableMenuOption,
|
|
4240
|
-
onResetVariables:
|
|
4244
|
+
onResetVariables: disableResetForReals ? void 0 : () => {
|
|
4241
4245
|
setHadVariablesInValue(false);
|
|
4242
4246
|
}
|
|
4243
4247
|
}),
|
|
4244
|
-
[
|
|
4248
|
+
[disableResetForReals, showAddVariableMenuOption]
|
|
4245
4249
|
);
|
|
4246
4250
|
const input2 = /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { children: [
|
|
4247
4251
|
inputWhenNoVariables && !hadVariablesInValue ? inputWhenNoVariables : /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(InputVariablesMenu, { ...sharedMenuProps, disabled: disableInlineVariablesForReals, children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
|
|
@@ -4833,7 +4837,6 @@ function RequestHeaders({ disableVariables }) {
|
|
|
4833
4837
|
disableVariables,
|
|
4834
4838
|
showAddVariableMenuOption: true,
|
|
4835
4839
|
enableEditingVariables: true,
|
|
4836
|
-
disableReset: true,
|
|
4837
4840
|
"data-test-id": "header-value"
|
|
4838
4841
|
}
|
|
4839
4842
|
) : null })
|
|
@@ -4937,8 +4940,7 @@ function RequestParameters({ disableVariables }) {
|
|
|
4937
4940
|
disableVariables,
|
|
4938
4941
|
"data-test-id": "parameter-value",
|
|
4939
4942
|
showAddVariableMenuOption: true,
|
|
4940
|
-
enableEditingVariables: true
|
|
4941
|
-
disableReset: true
|
|
4943
|
+
enableEditingVariables: true
|
|
4942
4944
|
}
|
|
4943
4945
|
) : null })
|
|
4944
4946
|
] }, index);
|
|
@@ -5049,7 +5051,6 @@ function RequestUrlInput(props) {
|
|
|
5049
5051
|
return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
|
|
5050
5052
|
InputVariables,
|
|
5051
5053
|
{
|
|
5052
|
-
disableReset: true,
|
|
5053
5054
|
...props,
|
|
5054
5055
|
value: request.relativeUrl,
|
|
5055
5056
|
transformPaste: (value) => transformPastedUrl(value, request, dispatch),
|
package/dist/index.mjs
CHANGED
|
@@ -3793,7 +3793,7 @@ var SelectVariableMenu = ({
|
|
|
3793
3793
|
variablesGroups.map((group) => {
|
|
3794
3794
|
var _a;
|
|
3795
3795
|
return /* @__PURE__ */ jsx32(MenuGroup2, { title: (_a = group.name) != null ? _a : "", children: group.variables.map((variable) => {
|
|
3796
|
-
const { name, helpText } = variable;
|
|
3796
|
+
const { name, displayName, helpText } = variable;
|
|
3797
3797
|
return /* @__PURE__ */ jsxs19(
|
|
3798
3798
|
MenuItem3,
|
|
3799
3799
|
{
|
|
@@ -3801,7 +3801,7 @@ var SelectVariableMenu = ({
|
|
|
3801
3801
|
css: menuItemTextGroup,
|
|
3802
3802
|
onClick: () => onSelectVariable == null ? void 0 : onSelectVariable(variable),
|
|
3803
3803
|
children: [
|
|
3804
|
-
/* @__PURE__ */ jsx32("span", { children: name }),
|
|
3804
|
+
/* @__PURE__ */ jsx32("span", { children: displayName != null ? displayName : name }),
|
|
3805
3805
|
helpText ? /* @__PURE__ */ jsx32("small", { css: smallText, children: helpText }) : null
|
|
3806
3806
|
]
|
|
3807
3807
|
},
|
|
@@ -4038,7 +4038,7 @@ function serializeEditorState(editorState) {
|
|
|
4038
4038
|
}
|
|
4039
4039
|
function serializeRecursive(node, buffer) {
|
|
4040
4040
|
if (node.type === TextNode2.getType()) {
|
|
4041
|
-
buffer.push(node.text);
|
|
4041
|
+
buffer.push(node.text.replace("${", "\\${"));
|
|
4042
4042
|
}
|
|
4043
4043
|
if (node.type === VariableNode.getType()) {
|
|
4044
4044
|
buffer.push(`\${${node.reference}}`);
|
|
@@ -4082,17 +4082,21 @@ function InputVariables({
|
|
|
4082
4082
|
if (hasVariablesInValue) {
|
|
4083
4083
|
setHadVariablesInValue(true);
|
|
4084
4084
|
}
|
|
4085
|
-
|
|
4085
|
+
if (!inputWhenNoVariables) {
|
|
4086
|
+
setHadVariablesInValue(hasVariablesInValue);
|
|
4087
|
+
}
|
|
4088
|
+
}, [hasVariablesInValue, inputWhenNoVariables]);
|
|
4086
4089
|
const disableVariablesForReals = disableVariables || Object.keys(variables).length === 0 && !showAddVariableMenuOption;
|
|
4087
4090
|
const disableInlineVariablesForReals = disableVariablesForReals || disableInlineMenu;
|
|
4091
|
+
const disableResetForReals = disableReset || !inputWhenNoVariables || !hadVariablesInValue;
|
|
4088
4092
|
const sharedMenuProps = useMemo8(
|
|
4089
4093
|
() => ({
|
|
4090
4094
|
showAddVariableMenuOption,
|
|
4091
|
-
onResetVariables:
|
|
4095
|
+
onResetVariables: disableResetForReals ? void 0 : () => {
|
|
4092
4096
|
setHadVariablesInValue(false);
|
|
4093
4097
|
}
|
|
4094
4098
|
}),
|
|
4095
|
-
[
|
|
4099
|
+
[disableResetForReals, showAddVariableMenuOption]
|
|
4096
4100
|
);
|
|
4097
4101
|
const input2 = /* @__PURE__ */ jsxs22("div", { children: [
|
|
4098
4102
|
inputWhenNoVariables && !hadVariablesInValue ? inputWhenNoVariables : /* @__PURE__ */ jsx36(InputVariablesMenu, { ...sharedMenuProps, disabled: disableInlineVariablesForReals, children: /* @__PURE__ */ jsx36(
|
|
@@ -4703,7 +4707,6 @@ function RequestHeaders({ disableVariables }) {
|
|
|
4703
4707
|
disableVariables,
|
|
4704
4708
|
showAddVariableMenuOption: true,
|
|
4705
4709
|
enableEditingVariables: true,
|
|
4706
|
-
disableReset: true,
|
|
4707
4710
|
"data-test-id": "header-value"
|
|
4708
4711
|
}
|
|
4709
4712
|
) : null })
|
|
@@ -4816,8 +4819,7 @@ function RequestParameters({ disableVariables }) {
|
|
|
4816
4819
|
disableVariables,
|
|
4817
4820
|
"data-test-id": "parameter-value",
|
|
4818
4821
|
showAddVariableMenuOption: true,
|
|
4819
|
-
enableEditingVariables: true
|
|
4820
|
-
disableReset: true
|
|
4822
|
+
enableEditingVariables: true
|
|
4821
4823
|
}
|
|
4822
4824
|
) : null })
|
|
4823
4825
|
] }, index);
|
|
@@ -4928,7 +4930,6 @@ function RequestUrlInput(props) {
|
|
|
4928
4930
|
return /* @__PURE__ */ jsx47(
|
|
4929
4931
|
InputVariables,
|
|
4930
4932
|
{
|
|
4931
|
-
disableReset: true,
|
|
4932
4933
|
...props,
|
|
4933
4934
|
value: request.relativeUrl,
|
|
4934
4935
|
transformPaste: (value) => transformPastedUrl(value, request, dispatch),
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@uniformdev/mesh-sdk-react",
|
|
3
|
-
"version": "19.
|
|
3
|
+
"version": "19.25.0",
|
|
4
4
|
"description": "Uniform Mesh Framework SDK for React",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE.txt",
|
|
6
6
|
"main": "./dist/index.js",
|
|
@@ -45,8 +45,8 @@
|
|
|
45
45
|
"dependencies": {
|
|
46
46
|
"@hookform/resolvers": "^3.0.1",
|
|
47
47
|
"@lexical/react": "^0.11.0",
|
|
48
|
-
"@uniformdev/design-system": "19.
|
|
49
|
-
"@uniformdev/mesh-sdk": "19.
|
|
48
|
+
"@uniformdev/design-system": "19.25.0",
|
|
49
|
+
"@uniformdev/mesh-sdk": "19.25.0",
|
|
50
50
|
"lexical": "^0.11.0",
|
|
51
51
|
"mitt": "^3.0.0",
|
|
52
52
|
"react-beautiful-dnd": "13.1.1",
|
|
@@ -64,7 +64,7 @@
|
|
|
64
64
|
},
|
|
65
65
|
"devDependencies": {
|
|
66
66
|
"@emotion/babel-preset-css-prop": "11.11.0",
|
|
67
|
-
"@emotion/react": "11.11.
|
|
67
|
+
"@emotion/react": "11.11.1",
|
|
68
68
|
"@storybook/react": "6.5.16",
|
|
69
69
|
"@svgr/cli": "6.5.1",
|
|
70
70
|
"@types/react": "18.2.7",
|
|
@@ -80,5 +80,5 @@
|
|
|
80
80
|
"publishConfig": {
|
|
81
81
|
"access": "public"
|
|
82
82
|
},
|
|
83
|
-
"gitHead": "
|
|
83
|
+
"gitHead": "cb76e00b562db60df1804aa968906f2297079ed2"
|
|
84
84
|
}
|