@uniformdev/mesh-sdk-react 20.34.1 → 20.34.3-alpha.70
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.esm.js +15 -8
- package/dist/index.js +18 -14
- package/dist/index.mjs +15 -8
- package/package.json +8 -8
package/dist/index.esm.js
CHANGED
|
@@ -774,7 +774,7 @@ import { zodResolver } from "@hookform/resolvers/zod";
|
|
|
774
774
|
import { Button, Callout, HorizontalRhythm, Input, useShortcut } from "@uniformdev/design-system";
|
|
775
775
|
import { useLayoutEffect, useRef as useRef2 } from "react";
|
|
776
776
|
import { useForm } from "react-hook-form";
|
|
777
|
-
import
|
|
777
|
+
import * as z from "zod";
|
|
778
778
|
|
|
779
779
|
// src/components/Variables/styles/VariableEditor.styles.ts
|
|
780
780
|
import { css as css2 } from "@emotion/react";
|
|
@@ -2947,6 +2947,8 @@ var variableValue = css9`
|
|
|
2947
2947
|
|
|
2948
2948
|
// src/components/Variables/VariablesList.tsx
|
|
2949
2949
|
import { Fragment as Fragment8, jsx as jsx33, jsxs as jsxs16 } from "@emotion/react/jsx-runtime";
|
|
2950
|
+
var DroppableHack = Droppable;
|
|
2951
|
+
var DraggableHack = Draggable;
|
|
2950
2952
|
function VariablesList() {
|
|
2951
2953
|
const { variables, dispatch, readOnly } = useVariables();
|
|
2952
2954
|
const sorted = variablesToList(variables).filter((variable) => !variable.system);
|
|
@@ -2968,7 +2970,7 @@ function VariablesList() {
|
|
|
2968
2970
|
}
|
|
2969
2971
|
};
|
|
2970
2972
|
return /* @__PURE__ */ jsxs16(Fragment8, { children: [
|
|
2971
|
-
/* @__PURE__ */ jsx33(DragDropContext, { onDragEnd: (res) => onDragEnd(res), children: /* @__PURE__ */ jsx33(
|
|
2973
|
+
/* @__PURE__ */ jsx33(DragDropContext, { onDragEnd: (res) => onDragEnd(res), children: /* @__PURE__ */ jsx33(DroppableHack, { droppableId: "variables-table", children: (provided) => /* @__PURE__ */ jsxs16(Table, { ...provided.droppableProps, ref: provided.innerRef, children: [
|
|
2972
2974
|
/* @__PURE__ */ jsx33(TableHead, { children: /* @__PURE__ */ jsxs16(TableRow, { children: [
|
|
2973
2975
|
/* @__PURE__ */ jsx33(TableCellHead, { children: "Name" }),
|
|
2974
2976
|
/* @__PURE__ */ jsx33(TableCellHead, { children: "Default Value" }),
|
|
@@ -2979,7 +2981,7 @@ function VariablesList() {
|
|
|
2979
2981
|
const text = displayName != null ? displayName : name2;
|
|
2980
2982
|
const textValue = variableDefaultTextValue(defaultValue);
|
|
2981
2983
|
return /* @__PURE__ */ jsx33(
|
|
2982
|
-
|
|
2984
|
+
DraggableHack,
|
|
2983
2985
|
{
|
|
2984
2986
|
draggableId: name2,
|
|
2985
2987
|
index,
|
|
@@ -3594,8 +3596,8 @@ function urlEncodeRequestParameter(parameter, varValues) {
|
|
|
3594
3596
|
value: decodeVariablesInUrlEncodedString(encodeURIComponent(parameter.value), varValues)
|
|
3595
3597
|
};
|
|
3596
3598
|
}
|
|
3597
|
-
function decodeVariablesInUrlEncodedString(
|
|
3598
|
-
return
|
|
3599
|
+
function decodeVariablesInUrlEncodedString(string2, varValues) {
|
|
3600
|
+
return string2.replace(/(\$|%24)%7B(.*?)%7D/g, (_all, _money, body) => {
|
|
3599
3601
|
var _a;
|
|
3600
3602
|
const varName = decodeURIComponent(body);
|
|
3601
3603
|
return ((_a = varValues == null ? void 0 : varValues[varName]) == null ? void 0 : _a.default) ? variableDefaultTextValue(varValues[varName].default) : `\${${varName}}`;
|
|
@@ -4626,7 +4628,10 @@ function legacyThemeMapper(theme) {
|
|
|
4626
4628
|
|
|
4627
4629
|
// src/components/ObjectSearch/ObjectSearchResultList.tsx
|
|
4628
4630
|
import { Button as Button4, Counter } from "@uniformdev/design-system";
|
|
4629
|
-
import {
|
|
4631
|
+
import {
|
|
4632
|
+
Draggable as Draggable2,
|
|
4633
|
+
Droppable as Droppable2
|
|
4634
|
+
} from "react-beautiful-dnd";
|
|
4630
4635
|
|
|
4631
4636
|
// src/components/ObjectSearch/styles/ObjectSearchResultList.styles.ts
|
|
4632
4637
|
import { css as css20 } from "@emotion/react";
|
|
@@ -4655,6 +4660,8 @@ var ObjectSearchResultListTitle = css20`
|
|
|
4655
4660
|
|
|
4656
4661
|
// src/components/ObjectSearch/ObjectSearchResultList.tsx
|
|
4657
4662
|
import { Fragment as Fragment10, jsx as jsx56, jsxs as jsxs28 } from "@emotion/react/jsx-runtime";
|
|
4663
|
+
var DroppableHack2 = Droppable2;
|
|
4664
|
+
var DraggableHack2 = Draggable2;
|
|
4658
4665
|
function ObjectSearchResultList({
|
|
4659
4666
|
resultLabelText = "Selected",
|
|
4660
4667
|
removeButtonText = "Remove all",
|
|
@@ -4726,7 +4733,7 @@ function ObjectSearchResultList({
|
|
|
4726
4733
|
] })
|
|
4727
4734
|
] }),
|
|
4728
4735
|
!selectedListItems.length ? whenNothingSelected : /* @__PURE__ */ jsx56(DragDropContext, { onDragEnd: (res) => onDragEnd(res), children: /* @__PURE__ */ jsx56(
|
|
4729
|
-
|
|
4736
|
+
DroppableHack2,
|
|
4730
4737
|
{
|
|
4731
4738
|
droppableId: multiSelectId != null ? multiSelectId : "canvas-multi-select",
|
|
4732
4739
|
renderClone: getContainerForDnDReparenting ? getDraggableItem : void 0,
|
|
@@ -4734,7 +4741,7 @@ function ObjectSearchResultList({
|
|
|
4734
4741
|
children: (provided) => /* @__PURE__ */ jsxs28("div", { ...provided.droppableProps, ref: provided.innerRef, children: [
|
|
4735
4742
|
selectedListItems.map((item, i) => {
|
|
4736
4743
|
return /* @__PURE__ */ jsx56(
|
|
4737
|
-
|
|
4744
|
+
DraggableHack2,
|
|
4738
4745
|
{
|
|
4739
4746
|
draggableId: item.id,
|
|
4740
4747
|
index: i,
|
package/dist/index.js
CHANGED
|
@@ -920,7 +920,7 @@ var import_zod = require("@hookform/resolvers/zod");
|
|
|
920
920
|
var import_design_system4 = require("@uniformdev/design-system");
|
|
921
921
|
var import_react12 = require("react");
|
|
922
922
|
var import_react_hook_form = require("react-hook-form");
|
|
923
|
-
var
|
|
923
|
+
var z = __toESM(require("zod"));
|
|
924
924
|
|
|
925
925
|
// src/components/Variables/styles/VariableEditor.styles.ts
|
|
926
926
|
var import_react11 = require("@emotion/react");
|
|
@@ -932,13 +932,13 @@ var variablesFormContainer = import_react11.css`
|
|
|
932
932
|
|
|
933
933
|
// src/components/Variables/VariableEditor.tsx
|
|
934
934
|
var import_jsx_runtime18 = require("@emotion/react/jsx-runtime");
|
|
935
|
-
var schema =
|
|
936
|
-
name:
|
|
937
|
-
default:
|
|
938
|
-
displayName:
|
|
939
|
-
helpText:
|
|
940
|
-
order:
|
|
941
|
-
type:
|
|
935
|
+
var schema = z.object({
|
|
936
|
+
name: z.string().nonempty("Name can't be empty").regex(/^[^${}]+$/, "$, {, and } are reserved characters and cannot be used in a variable name"),
|
|
937
|
+
default: z.string(),
|
|
938
|
+
displayName: z.string().optional(),
|
|
939
|
+
helpText: z.string().optional(),
|
|
940
|
+
order: z.number().optional(),
|
|
941
|
+
type: z.string().optional()
|
|
942
942
|
});
|
|
943
943
|
function VariableEditor({
|
|
944
944
|
variable,
|
|
@@ -3065,6 +3065,8 @@ var variableValue = import_react34.css`
|
|
|
3065
3065
|
|
|
3066
3066
|
// src/components/Variables/VariablesList.tsx
|
|
3067
3067
|
var import_jsx_runtime32 = require("@emotion/react/jsx-runtime");
|
|
3068
|
+
var DroppableHack = import_react_beautiful_dnd2.Droppable;
|
|
3069
|
+
var DraggableHack = import_react_beautiful_dnd2.Draggable;
|
|
3068
3070
|
function VariablesList() {
|
|
3069
3071
|
const { variables, dispatch, readOnly } = useVariables();
|
|
3070
3072
|
const sorted = variablesToList(variables).filter((variable) => !variable.system);
|
|
@@ -3086,7 +3088,7 @@ function VariablesList() {
|
|
|
3086
3088
|
}
|
|
3087
3089
|
};
|
|
3088
3090
|
return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_jsx_runtime32.Fragment, { children: [
|
|
3089
|
-
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)(DragDropContext, { onDragEnd: (res) => onDragEnd(res), children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
|
|
3091
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)(DragDropContext, { onDragEnd: (res) => onDragEnd(res), children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(DroppableHack, { droppableId: "variables-table", children: (provided) => /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_design_system13.Table, { ...provided.droppableProps, ref: provided.innerRef, children: [
|
|
3090
3092
|
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_design_system13.TableHead, { children: /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_design_system13.TableRow, { children: [
|
|
3091
3093
|
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_design_system13.TableCellHead, { children: "Name" }),
|
|
3092
3094
|
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_design_system13.TableCellHead, { children: "Default Value" }),
|
|
@@ -3097,7 +3099,7 @@ function VariablesList() {
|
|
|
3097
3099
|
const text = displayName != null ? displayName : name2;
|
|
3098
3100
|
const textValue = variableDefaultTextValue(defaultValue);
|
|
3099
3101
|
return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
|
|
3100
|
-
|
|
3102
|
+
DraggableHack,
|
|
3101
3103
|
{
|
|
3102
3104
|
draggableId: name2,
|
|
3103
3105
|
index,
|
|
@@ -3692,8 +3694,8 @@ function urlEncodeRequestParameter(parameter, varValues) {
|
|
|
3692
3694
|
value: decodeVariablesInUrlEncodedString(encodeURIComponent(parameter.value), varValues)
|
|
3693
3695
|
};
|
|
3694
3696
|
}
|
|
3695
|
-
function decodeVariablesInUrlEncodedString(
|
|
3696
|
-
return
|
|
3697
|
+
function decodeVariablesInUrlEncodedString(string2, varValues) {
|
|
3698
|
+
return string2.replace(/(\$|%24)%7B(.*?)%7D/g, (_all, _money, body) => {
|
|
3697
3699
|
var _a;
|
|
3698
3700
|
const varName = decodeURIComponent(body);
|
|
3699
3701
|
return ((_a = varValues == null ? void 0 : varValues[varName]) == null ? void 0 : _a.default) ? variableDefaultTextValue(varValues[varName].default) : `\${${varName}}`;
|
|
@@ -4746,6 +4748,8 @@ var ObjectSearchResultListTitle = import_react50.css`
|
|
|
4746
4748
|
|
|
4747
4749
|
// src/components/ObjectSearch/ObjectSearchResultList.tsx
|
|
4748
4750
|
var import_jsx_runtime55 = require("@emotion/react/jsx-runtime");
|
|
4751
|
+
var DroppableHack2 = import_react_beautiful_dnd3.Droppable;
|
|
4752
|
+
var DraggableHack2 = import_react_beautiful_dnd3.Draggable;
|
|
4749
4753
|
function ObjectSearchResultList({
|
|
4750
4754
|
resultLabelText = "Selected",
|
|
4751
4755
|
removeButtonText = "Remove all",
|
|
@@ -4817,7 +4821,7 @@ function ObjectSearchResultList({
|
|
|
4817
4821
|
] })
|
|
4818
4822
|
] }),
|
|
4819
4823
|
!selectedListItems.length ? whenNothingSelected : /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(DragDropContext, { onDragEnd: (res) => onDragEnd(res), children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
|
|
4820
|
-
|
|
4824
|
+
DroppableHack2,
|
|
4821
4825
|
{
|
|
4822
4826
|
droppableId: multiSelectId != null ? multiSelectId : "canvas-multi-select",
|
|
4823
4827
|
renderClone: getContainerForDnDReparenting ? getDraggableItem : void 0,
|
|
@@ -4825,7 +4829,7 @@ function ObjectSearchResultList({
|
|
|
4825
4829
|
children: (provided) => /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { ...provided.droppableProps, ref: provided.innerRef, children: [
|
|
4826
4830
|
selectedListItems.map((item, i) => {
|
|
4827
4831
|
return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
|
|
4828
|
-
|
|
4832
|
+
DraggableHack2,
|
|
4829
4833
|
{
|
|
4830
4834
|
draggableId: item.id,
|
|
4831
4835
|
index: i,
|
package/dist/index.mjs
CHANGED
|
@@ -774,7 +774,7 @@ import { zodResolver } from "@hookform/resolvers/zod";
|
|
|
774
774
|
import { Button, Callout, HorizontalRhythm, Input, useShortcut } from "@uniformdev/design-system";
|
|
775
775
|
import { useLayoutEffect, useRef as useRef2 } from "react";
|
|
776
776
|
import { useForm } from "react-hook-form";
|
|
777
|
-
import
|
|
777
|
+
import * as z from "zod";
|
|
778
778
|
|
|
779
779
|
// src/components/Variables/styles/VariableEditor.styles.ts
|
|
780
780
|
import { css as css2 } from "@emotion/react";
|
|
@@ -2947,6 +2947,8 @@ var variableValue = css9`
|
|
|
2947
2947
|
|
|
2948
2948
|
// src/components/Variables/VariablesList.tsx
|
|
2949
2949
|
import { Fragment as Fragment8, jsx as jsx33, jsxs as jsxs16 } from "@emotion/react/jsx-runtime";
|
|
2950
|
+
var DroppableHack = Droppable;
|
|
2951
|
+
var DraggableHack = Draggable;
|
|
2950
2952
|
function VariablesList() {
|
|
2951
2953
|
const { variables, dispatch, readOnly } = useVariables();
|
|
2952
2954
|
const sorted = variablesToList(variables).filter((variable) => !variable.system);
|
|
@@ -2968,7 +2970,7 @@ function VariablesList() {
|
|
|
2968
2970
|
}
|
|
2969
2971
|
};
|
|
2970
2972
|
return /* @__PURE__ */ jsxs16(Fragment8, { children: [
|
|
2971
|
-
/* @__PURE__ */ jsx33(DragDropContext, { onDragEnd: (res) => onDragEnd(res), children: /* @__PURE__ */ jsx33(
|
|
2973
|
+
/* @__PURE__ */ jsx33(DragDropContext, { onDragEnd: (res) => onDragEnd(res), children: /* @__PURE__ */ jsx33(DroppableHack, { droppableId: "variables-table", children: (provided) => /* @__PURE__ */ jsxs16(Table, { ...provided.droppableProps, ref: provided.innerRef, children: [
|
|
2972
2974
|
/* @__PURE__ */ jsx33(TableHead, { children: /* @__PURE__ */ jsxs16(TableRow, { children: [
|
|
2973
2975
|
/* @__PURE__ */ jsx33(TableCellHead, { children: "Name" }),
|
|
2974
2976
|
/* @__PURE__ */ jsx33(TableCellHead, { children: "Default Value" }),
|
|
@@ -2979,7 +2981,7 @@ function VariablesList() {
|
|
|
2979
2981
|
const text = displayName != null ? displayName : name2;
|
|
2980
2982
|
const textValue = variableDefaultTextValue(defaultValue);
|
|
2981
2983
|
return /* @__PURE__ */ jsx33(
|
|
2982
|
-
|
|
2984
|
+
DraggableHack,
|
|
2983
2985
|
{
|
|
2984
2986
|
draggableId: name2,
|
|
2985
2987
|
index,
|
|
@@ -3594,8 +3596,8 @@ function urlEncodeRequestParameter(parameter, varValues) {
|
|
|
3594
3596
|
value: decodeVariablesInUrlEncodedString(encodeURIComponent(parameter.value), varValues)
|
|
3595
3597
|
};
|
|
3596
3598
|
}
|
|
3597
|
-
function decodeVariablesInUrlEncodedString(
|
|
3598
|
-
return
|
|
3599
|
+
function decodeVariablesInUrlEncodedString(string2, varValues) {
|
|
3600
|
+
return string2.replace(/(\$|%24)%7B(.*?)%7D/g, (_all, _money, body) => {
|
|
3599
3601
|
var _a;
|
|
3600
3602
|
const varName = decodeURIComponent(body);
|
|
3601
3603
|
return ((_a = varValues == null ? void 0 : varValues[varName]) == null ? void 0 : _a.default) ? variableDefaultTextValue(varValues[varName].default) : `\${${varName}}`;
|
|
@@ -4626,7 +4628,10 @@ function legacyThemeMapper(theme) {
|
|
|
4626
4628
|
|
|
4627
4629
|
// src/components/ObjectSearch/ObjectSearchResultList.tsx
|
|
4628
4630
|
import { Button as Button4, Counter } from "@uniformdev/design-system";
|
|
4629
|
-
import {
|
|
4631
|
+
import {
|
|
4632
|
+
Draggable as Draggable2,
|
|
4633
|
+
Droppable as Droppable2
|
|
4634
|
+
} from "react-beautiful-dnd";
|
|
4630
4635
|
|
|
4631
4636
|
// src/components/ObjectSearch/styles/ObjectSearchResultList.styles.ts
|
|
4632
4637
|
import { css as css20 } from "@emotion/react";
|
|
@@ -4655,6 +4660,8 @@ var ObjectSearchResultListTitle = css20`
|
|
|
4655
4660
|
|
|
4656
4661
|
// src/components/ObjectSearch/ObjectSearchResultList.tsx
|
|
4657
4662
|
import { Fragment as Fragment10, jsx as jsx56, jsxs as jsxs28 } from "@emotion/react/jsx-runtime";
|
|
4663
|
+
var DroppableHack2 = Droppable2;
|
|
4664
|
+
var DraggableHack2 = Draggable2;
|
|
4658
4665
|
function ObjectSearchResultList({
|
|
4659
4666
|
resultLabelText = "Selected",
|
|
4660
4667
|
removeButtonText = "Remove all",
|
|
@@ -4726,7 +4733,7 @@ function ObjectSearchResultList({
|
|
|
4726
4733
|
] })
|
|
4727
4734
|
] }),
|
|
4728
4735
|
!selectedListItems.length ? whenNothingSelected : /* @__PURE__ */ jsx56(DragDropContext, { onDragEnd: (res) => onDragEnd(res), children: /* @__PURE__ */ jsx56(
|
|
4729
|
-
|
|
4736
|
+
DroppableHack2,
|
|
4730
4737
|
{
|
|
4731
4738
|
droppableId: multiSelectId != null ? multiSelectId : "canvas-multi-select",
|
|
4732
4739
|
renderClone: getContainerForDnDReparenting ? getDraggableItem : void 0,
|
|
@@ -4734,7 +4741,7 @@ function ObjectSearchResultList({
|
|
|
4734
4741
|
children: (provided) => /* @__PURE__ */ jsxs28("div", { ...provided.droppableProps, ref: provided.innerRef, children: [
|
|
4735
4742
|
selectedListItems.map((item, i) => {
|
|
4736
4743
|
return /* @__PURE__ */ jsx56(
|
|
4737
|
-
|
|
4744
|
+
DraggableHack2,
|
|
4738
4745
|
{
|
|
4739
4746
|
draggableId: item.id,
|
|
4740
4747
|
index: i,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@uniformdev/mesh-sdk-react",
|
|
3
|
-
"version": "20.34.
|
|
3
|
+
"version": "20.34.3-alpha.70+bc3f8ba0f4",
|
|
4
4
|
"description": "Uniform Mesh Framework SDK for React",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE.txt",
|
|
6
6
|
"main": "./dist/index.js",
|
|
@@ -50,10 +50,10 @@
|
|
|
50
50
|
"@lexical/selection": "0.25.0",
|
|
51
51
|
"@lexical/utils": "0.25.0",
|
|
52
52
|
"@react-icons/all-files": "https://github.com/react-icons/react-icons/releases/download/v5.5.0/react-icons-all-files-5.5.0.tgz",
|
|
53
|
-
"@uniformdev/canvas": "20.34.
|
|
54
|
-
"@uniformdev/design-system": "20.34.
|
|
55
|
-
"@uniformdev/mesh-sdk": "20.34.
|
|
56
|
-
"@uniformdev/richtext": "20.34.
|
|
53
|
+
"@uniformdev/canvas": "20.34.3-alpha.70+bc3f8ba0f4",
|
|
54
|
+
"@uniformdev/design-system": "20.34.3-alpha.70+bc3f8ba0f4",
|
|
55
|
+
"@uniformdev/mesh-sdk": "20.34.3-alpha.70+bc3f8ba0f4",
|
|
56
|
+
"@uniformdev/richtext": "20.34.3-alpha.70+bc3f8ba0f4",
|
|
57
57
|
"dequal": "^2.0.3",
|
|
58
58
|
"lexical": "0.25.0",
|
|
59
59
|
"mitt": "3.0.1",
|
|
@@ -73,9 +73,9 @@
|
|
|
73
73
|
"@emotion/react": "11.13.5",
|
|
74
74
|
"@storybook/react": "8.3.3",
|
|
75
75
|
"@svgr/cli": "6.5.1",
|
|
76
|
-
"@types/react": "18.3.
|
|
76
|
+
"@types/react": "18.3.24",
|
|
77
77
|
"@types/react-beautiful-dnd": "13.1.8",
|
|
78
|
-
"@types/react-dom": "18.3.
|
|
78
|
+
"@types/react-dom": "18.3.7",
|
|
79
79
|
"@types/uuid": "9.0.4",
|
|
80
80
|
"react": "18.3.1",
|
|
81
81
|
"react-dom": "18.3.1"
|
|
@@ -86,5 +86,5 @@
|
|
|
86
86
|
"publishConfig": {
|
|
87
87
|
"access": "public"
|
|
88
88
|
},
|
|
89
|
-
"gitHead": "
|
|
89
|
+
"gitHead": "bc3f8ba0f4719673f92d9e8c48c3818dc439c364"
|
|
90
90
|
}
|