@uniformdev/mesh-sdk-react 19.15.0 → 19.17.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.esm.js +69 -64
- package/dist/index.js +6 -1
- package/dist/index.mjs +69 -64
- package/package.json +5 -5
package/dist/index.esm.js
CHANGED
|
@@ -3680,7 +3680,7 @@ function VariablesList() {
|
|
|
3680
3680
|
}
|
|
3681
3681
|
|
|
3682
3682
|
// src/components/DataResourceDynamicInputProvider.tsx
|
|
3683
|
-
import { jsx as jsx34 } from "@emotion/react/jsx-runtime";
|
|
3683
|
+
import { Fragment as Fragment7, jsx as jsx34, jsxs as jsxs22 } from "@emotion/react/jsx-runtime";
|
|
3684
3684
|
function DataResourceDynamicInputProvider({
|
|
3685
3685
|
children,
|
|
3686
3686
|
dynamicInputs
|
|
@@ -3718,7 +3718,12 @@ function convertDynamicInputsToVariables(dynamicInputs) {
|
|
|
3718
3718
|
acc[name] = {
|
|
3719
3719
|
type: input.type,
|
|
3720
3720
|
default: input.value,
|
|
3721
|
-
helpText:
|
|
3721
|
+
helpText: /* @__PURE__ */ jsxs22(Fragment7, { children: [
|
|
3722
|
+
input.value || /* @__PURE__ */ jsx34("em", { children: "not provided" }),
|
|
3723
|
+
", from ",
|
|
3724
|
+
input.type === "path" ? "URL path" : "query string"
|
|
3725
|
+
] })
|
|
3726
|
+
// type abuse! 💚
|
|
3722
3727
|
};
|
|
3723
3728
|
return acc;
|
|
3724
3729
|
},
|
|
@@ -3916,7 +3921,7 @@ var RequestTypeContainer = ({
|
|
|
3916
3921
|
};
|
|
3917
3922
|
|
|
3918
3923
|
// src/components/Request/RequestBody.tsx
|
|
3919
|
-
import { jsx as jsx38, jsxs as
|
|
3924
|
+
import { jsx as jsx38, jsxs as jsxs23 } from "@emotion/react/jsx-runtime";
|
|
3920
3925
|
var LANGUAGE_OPTIONS = [
|
|
3921
3926
|
{ label: "Text", value: "plaintext" },
|
|
3922
3927
|
{ label: "JSON", value: "json" },
|
|
@@ -3936,7 +3941,7 @@ var LANGUAGE_TO_CONTENT_TYPE = {
|
|
|
3936
3941
|
function RequestBody() {
|
|
3937
3942
|
const { request, dispatch } = useRequest();
|
|
3938
3943
|
const [language, setLanguage] = useState10("json");
|
|
3939
|
-
return /* @__PURE__ */
|
|
3944
|
+
return /* @__PURE__ */ jsxs23(
|
|
3940
3945
|
"div",
|
|
3941
3946
|
{
|
|
3942
3947
|
css: css25`
|
|
@@ -4002,7 +4007,7 @@ import {
|
|
|
4002
4007
|
TableRow as TableRow2,
|
|
4003
4008
|
WarningMessage as WarningMessage2
|
|
4004
4009
|
} from "@uniformdev/design-system";
|
|
4005
|
-
import { jsx as jsx39, jsxs as
|
|
4010
|
+
import { jsx as jsx39, jsxs as jsxs24 } from "@emotion/react/jsx-runtime";
|
|
4006
4011
|
function RequestHeaders({ disableVariables }) {
|
|
4007
4012
|
var _a, _b;
|
|
4008
4013
|
const { dispatch, request } = useRequest();
|
|
@@ -4018,27 +4023,27 @@ function RequestHeaders({ disableVariables }) {
|
|
|
4018
4023
|
index
|
|
4019
4024
|
});
|
|
4020
4025
|
};
|
|
4021
|
-
return /* @__PURE__ */ jsx39("div", { css: innerContentStyles, children: /* @__PURE__ */
|
|
4022
|
-
/* @__PURE__ */ jsx39(TableHead2, { children: /* @__PURE__ */
|
|
4026
|
+
return /* @__PURE__ */ jsx39("div", { css: innerContentStyles, children: /* @__PURE__ */ jsxs24(Table2, { children: [
|
|
4027
|
+
/* @__PURE__ */ jsx39(TableHead2, { children: /* @__PURE__ */ jsxs24(TableRow2, { children: [
|
|
4023
4028
|
/* @__PURE__ */ jsx39(TableCellHead2, { children: "Name" }),
|
|
4024
4029
|
/* @__PURE__ */ jsx39(TableCellHead2, { children: "Value" })
|
|
4025
4030
|
] }) }),
|
|
4026
|
-
/* @__PURE__ */
|
|
4031
|
+
/* @__PURE__ */ jsxs24(TableBody2, { children: [
|
|
4027
4032
|
(_b = (_a = request.baseRequest) == null ? void 0 : _a.headers) == null ? void 0 : _b.map((baseHeader) => {
|
|
4028
|
-
return /* @__PURE__ */
|
|
4029
|
-
/* @__PURE__ */
|
|
4033
|
+
return /* @__PURE__ */ jsxs24(TableRow2, { children: [
|
|
4034
|
+
/* @__PURE__ */ jsxs24(TableCellData2, { width: "50%", children: [
|
|
4030
4035
|
baseHeader.key,
|
|
4031
4036
|
/* @__PURE__ */ jsx39("br", {}),
|
|
4032
4037
|
/* @__PURE__ */ jsx39("i", { css: { color: "var(--gray-500)" }, children: /* @__PURE__ */ jsx39("small", { children: "from data source" }) })
|
|
4033
4038
|
] }),
|
|
4034
|
-
/* @__PURE__ */
|
|
4039
|
+
/* @__PURE__ */ jsxs24(TableCellData2, { width: "50%", children: [
|
|
4035
4040
|
/* @__PURE__ */ jsx39("i", { css: { color: "var(--gray-500)" }, children: baseHeader.value }),
|
|
4036
4041
|
request.headers.find((p2) => p2.key === baseHeader.key) ? /* @__PURE__ */ jsx39(WarningMessage2, { message: "overridden below" }) : null
|
|
4037
4042
|
] })
|
|
4038
4043
|
] }, baseHeader.key);
|
|
4039
4044
|
}),
|
|
4040
4045
|
deezHeaders.map((header, index) => {
|
|
4041
|
-
return /* @__PURE__ */
|
|
4046
|
+
return /* @__PURE__ */ jsxs24(TableRow2, { children: [
|
|
4042
4047
|
/* @__PURE__ */ jsx39(TableCellData2, { width: "50%", children: /* @__PURE__ */ jsx39(
|
|
4043
4048
|
Input4,
|
|
4044
4049
|
{
|
|
@@ -4109,7 +4114,7 @@ import {
|
|
|
4109
4114
|
TableRow as TableRow3,
|
|
4110
4115
|
WarningMessage as WarningMessage3
|
|
4111
4116
|
} from "@uniformdev/design-system";
|
|
4112
|
-
import { jsx as jsx41, jsxs as
|
|
4117
|
+
import { jsx as jsx41, jsxs as jsxs25 } from "@emotion/react/jsx-runtime";
|
|
4113
4118
|
function RequestParameters({ disableVariables }) {
|
|
4114
4119
|
var _a, _b;
|
|
4115
4120
|
const { dispatch, request } = useRequest();
|
|
@@ -4125,27 +4130,27 @@ function RequestParameters({ disableVariables }) {
|
|
|
4125
4130
|
index
|
|
4126
4131
|
});
|
|
4127
4132
|
};
|
|
4128
|
-
return /* @__PURE__ */ jsx41("div", { css: innerContentStyles, children: /* @__PURE__ */
|
|
4129
|
-
/* @__PURE__ */ jsx41(TableHead3, { children: /* @__PURE__ */
|
|
4133
|
+
return /* @__PURE__ */ jsx41("div", { css: innerContentStyles, children: /* @__PURE__ */ jsxs25(Table3, { children: [
|
|
4134
|
+
/* @__PURE__ */ jsx41(TableHead3, { children: /* @__PURE__ */ jsxs25(TableRow3, { children: [
|
|
4130
4135
|
/* @__PURE__ */ jsx41(TableCellHead3, { children: "Name" }),
|
|
4131
4136
|
/* @__PURE__ */ jsx41(TableCellHead3, { children: "Value" })
|
|
4132
4137
|
] }) }),
|
|
4133
|
-
/* @__PURE__ */
|
|
4138
|
+
/* @__PURE__ */ jsxs25(TableBody3, { children: [
|
|
4134
4139
|
(_b = (_a = request.baseRequest) == null ? void 0 : _a.parameters) == null ? void 0 : _b.map((baseParameter) => {
|
|
4135
|
-
return /* @__PURE__ */
|
|
4136
|
-
/* @__PURE__ */
|
|
4140
|
+
return /* @__PURE__ */ jsxs25(TableRow3, { children: [
|
|
4141
|
+
/* @__PURE__ */ jsxs25(TableCellData3, { width: "50%", children: [
|
|
4137
4142
|
baseParameter.key,
|
|
4138
4143
|
/* @__PURE__ */ jsx41("br", {}),
|
|
4139
4144
|
/* @__PURE__ */ jsx41("i", { css: { color: "var(--gray-500)" }, children: /* @__PURE__ */ jsx41("small", { children: "from data source" }) })
|
|
4140
4145
|
] }),
|
|
4141
|
-
/* @__PURE__ */
|
|
4146
|
+
/* @__PURE__ */ jsxs25(TableCellData3, { width: "50%", children: [
|
|
4142
4147
|
/* @__PURE__ */ jsx41("i", { css: { color: "var(--gray-500)" }, children: baseParameter.value }),
|
|
4143
4148
|
request.parameters.find((p2) => p2.key === baseParameter.key) ? /* @__PURE__ */ jsx41(WarningMessage3, { message: "overridden below" }) : null
|
|
4144
4149
|
] })
|
|
4145
4150
|
] }, baseParameter.key);
|
|
4146
4151
|
}),
|
|
4147
4152
|
deezParameters.map((parameter, index) => {
|
|
4148
|
-
return /* @__PURE__ */
|
|
4153
|
+
return /* @__PURE__ */ jsxs25(TableRow3, { children: [
|
|
4149
4154
|
/* @__PURE__ */ jsx41(TableCellData3, { width: "50%", children: /* @__PURE__ */ jsx41(
|
|
4150
4155
|
Input5,
|
|
4151
4156
|
{
|
|
@@ -4211,7 +4216,7 @@ function decodeVariablesInUrlEncodedString(string, varValues) {
|
|
|
4211
4216
|
}
|
|
4212
4217
|
|
|
4213
4218
|
// src/components/Request/RequestUrl.tsx
|
|
4214
|
-
import { Fragment as
|
|
4219
|
+
import { Fragment as Fragment8, jsx as jsx42, jsxs as jsxs26 } from "@emotion/react/jsx-runtime";
|
|
4215
4220
|
function RequestUrl() {
|
|
4216
4221
|
var _a, _b;
|
|
4217
4222
|
const { variables } = useVariables();
|
|
@@ -4223,7 +4228,7 @@ function RequestUrl() {
|
|
|
4223
4228
|
}
|
|
4224
4229
|
return request.baseRequest.parameters.filter((baseParam) => !request.parameters.find((p2) => p2.key === baseParam.key)).concat(request.parameters);
|
|
4225
4230
|
}, [(_a = request.baseRequest) == null ? void 0 : _a.parameters, request.parameters]);
|
|
4226
|
-
return /* @__PURE__ */
|
|
4231
|
+
return /* @__PURE__ */ jsxs26(
|
|
4227
4232
|
"small",
|
|
4228
4233
|
{
|
|
4229
4234
|
css: css26`
|
|
@@ -4233,13 +4238,13 @@ function RequestUrl() {
|
|
|
4233
4238
|
`,
|
|
4234
4239
|
children: [
|
|
4235
4240
|
request.baseRequest ? /* @__PURE__ */ jsx42("span", { children: (_b = request.baseRequest) == null ? void 0 : _b.baseUrl }) : null,
|
|
4236
|
-
/* @__PURE__ */
|
|
4241
|
+
/* @__PURE__ */ jsxs26("span", { css: { fontWeight: request.baseRequest ? "bold" : "inherit" }, children: [
|
|
4237
4242
|
urlEncodeRequestUrl(request.relativeUrl, variables),
|
|
4238
|
-
mergedParameters.length > 0 ? /* @__PURE__ */
|
|
4243
|
+
mergedParameters.length > 0 ? /* @__PURE__ */ jsxs26(Fragment8, { children: [
|
|
4239
4244
|
"?",
|
|
4240
4245
|
mergedParameters.map((param, index) => {
|
|
4241
4246
|
const encoded = urlEncodeRequestParameter(param, variables);
|
|
4242
|
-
return /* @__PURE__ */
|
|
4247
|
+
return /* @__PURE__ */ jsxs26("span", { children: [
|
|
4243
4248
|
index > 0 ? "&" : null,
|
|
4244
4249
|
encoded.key,
|
|
4245
4250
|
"=",
|
|
@@ -4493,7 +4498,7 @@ var useInitializeUniformMeshSdk = ({ autoResizingDisabled } = {}) => {
|
|
|
4493
4498
|
};
|
|
4494
4499
|
|
|
4495
4500
|
// src/components/MeshApp.tsx
|
|
4496
|
-
import { jsx as jsx46, jsxs as
|
|
4501
|
+
import { jsx as jsx46, jsxs as jsxs27 } from "@emotion/react/jsx-runtime";
|
|
4497
4502
|
var MeshApp = ({
|
|
4498
4503
|
children,
|
|
4499
4504
|
loadingComponent,
|
|
@@ -4511,7 +4516,7 @@ var MeshApp = ({
|
|
|
4511
4516
|
}
|
|
4512
4517
|
throw error;
|
|
4513
4518
|
}
|
|
4514
|
-
return /* @__PURE__ */
|
|
4519
|
+
return /* @__PURE__ */ jsxs27(UniformMeshSdkContext.Provider, { value: { sdk }, children: [
|
|
4515
4520
|
/* @__PURE__ */ jsx46(Theme2, {}),
|
|
4516
4521
|
/* @__PURE__ */ jsx46(UniformMeshLocationContextProvider, { children })
|
|
4517
4522
|
] });
|
|
@@ -4521,14 +4526,14 @@ var MeshApp = ({
|
|
|
4521
4526
|
init_emotion_jsx_shim();
|
|
4522
4527
|
import { css as css27 } from "@emotion/react";
|
|
4523
4528
|
import { Button as Button3, LoadingIndicator as LoadingIndicator3 } from "@uniformdev/design-system";
|
|
4524
|
-
import { jsx as jsx47, jsxs as
|
|
4529
|
+
import { jsx as jsx47, jsxs as jsxs28 } from "@emotion/react/jsx-runtime";
|
|
4525
4530
|
var DataRefreshButton = ({
|
|
4526
4531
|
buttonText,
|
|
4527
4532
|
isLoading,
|
|
4528
4533
|
onRefreshData,
|
|
4529
4534
|
...props
|
|
4530
4535
|
}) => {
|
|
4531
|
-
return /* @__PURE__ */
|
|
4536
|
+
return /* @__PURE__ */ jsxs28(Button3, { buttonType: "primaryInvert", onClick: onRefreshData, disabled: isLoading, ...props, children: [
|
|
4532
4537
|
!isLoading ? null : /* @__PURE__ */ jsx47(
|
|
4533
4538
|
LoadingIndicator3,
|
|
4534
4539
|
{
|
|
@@ -5816,7 +5821,7 @@ function bindQuery(query, inputs) {
|
|
|
5816
5821
|
}
|
|
5817
5822
|
|
|
5818
5823
|
// src/components/ObjectSearch/ObjectSearchContainer.tsx
|
|
5819
|
-
import { jsx as jsx49, jsxs as
|
|
5824
|
+
import { jsx as jsx49, jsxs as jsxs29 } from "@emotion/react/jsx-runtime";
|
|
5820
5825
|
var ObjectSearchContainer = ({
|
|
5821
5826
|
label,
|
|
5822
5827
|
enableDynamicInputToResultId,
|
|
@@ -5827,7 +5832,7 @@ var ObjectSearchContainer = ({
|
|
|
5827
5832
|
var _a, _b;
|
|
5828
5833
|
const { onSelectItem, selectedListItems, list } = useObjectSearchContext();
|
|
5829
5834
|
const { flatVariables } = useVariables(true);
|
|
5830
|
-
const body = /* @__PURE__ */
|
|
5835
|
+
const body = /* @__PURE__ */ jsxs29(VerticalRhythm, { children: [
|
|
5831
5836
|
searchFilters,
|
|
5832
5837
|
!resultList ? null : /* @__PURE__ */ jsx49(ScrollableList, { role: "list", children: resultList })
|
|
5833
5838
|
] });
|
|
@@ -5858,7 +5863,7 @@ var ObjectSearchContainer = ({
|
|
|
5858
5863
|
}
|
|
5859
5864
|
]);
|
|
5860
5865
|
};
|
|
5861
|
-
return /* @__PURE__ */ jsx49(IconsProvider, { children: /* @__PURE__ */
|
|
5866
|
+
return /* @__PURE__ */ jsx49(IconsProvider, { children: /* @__PURE__ */ jsxs29(VerticalRhythm, { children: [
|
|
5862
5867
|
/* @__PURE__ */ jsx49(Container, { backgroundColor: "gray-50", padding: "var(--spacing-base)", border: true, children: label ? /* @__PURE__ */ jsx49(
|
|
5863
5868
|
InputVariables,
|
|
5864
5869
|
{
|
|
@@ -5903,7 +5908,7 @@ var ObjectSearchFilterGrid = (gridColumns) => css28`
|
|
|
5903
5908
|
`;
|
|
5904
5909
|
|
|
5905
5910
|
// src/components/ObjectSearch/ObjectSearchFilter.tsx
|
|
5906
|
-
import { jsx as jsx50, jsxs as
|
|
5911
|
+
import { jsx as jsx50, jsxs as jsxs30 } from "@emotion/react/jsx-runtime";
|
|
5907
5912
|
var ObjectSearchFilter = ({
|
|
5908
5913
|
requireContentType,
|
|
5909
5914
|
typeSelectorAllTypesOptionText = "All content types",
|
|
@@ -5923,7 +5928,7 @@ var ObjectSearchFilter = ({
|
|
|
5923
5928
|
});
|
|
5924
5929
|
onSetQuery({ ...query, ...value });
|
|
5925
5930
|
};
|
|
5926
|
-
return /* @__PURE__ */
|
|
5931
|
+
return /* @__PURE__ */ jsxs30("fieldset", { css: [ObjectSearchFilterContainer, ObjectSearchFilterDropdownAndTextSearch], children: [
|
|
5927
5932
|
/* @__PURE__ */ jsx50(
|
|
5928
5933
|
InputSelect6,
|
|
5929
5934
|
{
|
|
@@ -5956,9 +5961,9 @@ var ObjectSearchFilter = ({
|
|
|
5956
5961
|
|
|
5957
5962
|
// src/components/ObjectSearch/ObjectSearchFilterContainer.tsx
|
|
5958
5963
|
init_emotion_jsx_shim();
|
|
5959
|
-
import { jsx as jsx51, jsxs as
|
|
5964
|
+
import { jsx as jsx51, jsxs as jsxs31 } from "@emotion/react/jsx-runtime";
|
|
5960
5965
|
var ObjectSearchFilterContainer2 = ({ label, children }) => {
|
|
5961
|
-
return /* @__PURE__ */
|
|
5966
|
+
return /* @__PURE__ */ jsxs31("div", { children: [
|
|
5962
5967
|
label ? /* @__PURE__ */ jsx51("span", { css: ObjectSearchFilterContainerLabel, children: label }) : null,
|
|
5963
5968
|
/* @__PURE__ */ jsx51("div", { css: ObjectSearchFilterContainer, children })
|
|
5964
5969
|
] });
|
|
@@ -6039,7 +6044,7 @@ var ObjectListItemUnControlledContent = css29`
|
|
|
6039
6044
|
`;
|
|
6040
6045
|
|
|
6041
6046
|
// src/components/ObjectSearch/ObjectSearchListItem.tsx
|
|
6042
|
-
import { jsx as jsx52, jsxs as
|
|
6047
|
+
import { jsx as jsx52, jsxs as jsxs32 } from "@emotion/react/jsx-runtime";
|
|
6043
6048
|
var ObjectSearchListItem = ({
|
|
6044
6049
|
id,
|
|
6045
6050
|
title,
|
|
@@ -6062,10 +6067,10 @@ var ObjectSearchListItem = ({
|
|
|
6062
6067
|
return onSelectItem([selectedItem]);
|
|
6063
6068
|
};
|
|
6064
6069
|
const hideWhenInSelectedList = selectedListItems.some((item) => item.id === id);
|
|
6065
|
-
return /* @__PURE__ */
|
|
6066
|
-
/* @__PURE__ */
|
|
6070
|
+
return /* @__PURE__ */ jsxs32("div", { role: "listitem", hidden: hideWhenInSelectedList, css: ObjectListItemContainer, children: [
|
|
6071
|
+
/* @__PURE__ */ jsxs32("div", { role: "button", onClick: handleSelectItem, css: ObjectListItemControlledContent, children: [
|
|
6067
6072
|
!image ? null : /* @__PURE__ */ jsx52("img", { ...image, loading: (image == null ? void 0 : image.width) && image.height ? "lazy" : "eager" }),
|
|
6068
|
-
/* @__PURE__ */
|
|
6073
|
+
/* @__PURE__ */ jsxs32("div", { role: "heading", css: ObjectListItemHeadingGroup, children: [
|
|
6069
6074
|
!contentType ? null : /* @__PURE__ */ jsx52("span", { css: ObjectListItemSubtitle, children: formatedContentType }),
|
|
6070
6075
|
/* @__PURE__ */ jsx52("span", { css: ObjectListItemTitle, children: title })
|
|
6071
6076
|
] })
|
|
@@ -6123,13 +6128,13 @@ var ButtonIcon = css30`
|
|
|
6123
6128
|
`;
|
|
6124
6129
|
|
|
6125
6130
|
// src/components/ObjectSearch/ObjectSearchResultItemButton.tsx
|
|
6126
|
-
import { jsx as jsx53, jsxs as
|
|
6131
|
+
import { jsx as jsx53, jsxs as jsxs33 } from "@emotion/react/jsx-runtime";
|
|
6127
6132
|
var ObjectSearchResultItemButton = ({
|
|
6128
6133
|
text,
|
|
6129
6134
|
icon,
|
|
6130
6135
|
...props
|
|
6131
6136
|
}) => {
|
|
6132
|
-
return /* @__PURE__ */
|
|
6137
|
+
return /* @__PURE__ */ jsxs33("button", { type: "button", css: ButtonStyles, ...props, children: [
|
|
6133
6138
|
!icon ? null : /* @__PURE__ */ jsx53(Image, { src: icon, css: ButtonIcon }),
|
|
6134
6139
|
text
|
|
6135
6140
|
] });
|
|
@@ -6139,7 +6144,7 @@ var LinkButton = ({
|
|
|
6139
6144
|
icon,
|
|
6140
6145
|
...props
|
|
6141
6146
|
}) => {
|
|
6142
|
-
return /* @__PURE__ */
|
|
6147
|
+
return /* @__PURE__ */ jsxs33("a", { ...props, css: ButtonStyles, target: "_blank", rel: "noopener noreferrer", children: [
|
|
6143
6148
|
!icon ? null : /* @__PURE__ */ jsx53(Image, { src: icon, css: ButtonIcon }),
|
|
6144
6149
|
text
|
|
6145
6150
|
] });
|
|
@@ -6207,7 +6212,7 @@ var ObjectSearchImage = css31`
|
|
|
6207
6212
|
`;
|
|
6208
6213
|
|
|
6209
6214
|
// src/components/ObjectSearch/ObjectSearchResultItem.tsx
|
|
6210
|
-
import { jsx as jsx54, jsxs as
|
|
6215
|
+
import { jsx as jsx54, jsxs as jsxs34 } from "@emotion/react/jsx-runtime";
|
|
6211
6216
|
var ObjectSearchResultItem = ({
|
|
6212
6217
|
id,
|
|
6213
6218
|
title,
|
|
@@ -6231,24 +6236,24 @@ var ObjectSearchResultItem = ({
|
|
|
6231
6236
|
onSelectItem({ id, title: id });
|
|
6232
6237
|
onRemove == null ? void 0 : onRemove();
|
|
6233
6238
|
};
|
|
6234
|
-
return /* @__PURE__ */
|
|
6239
|
+
return /* @__PURE__ */ jsxs34("div", { css: ObjectSearchResultItemContainer, children: [
|
|
6235
6240
|
disableDnD ? null : /* @__PURE__ */ jsx54("div", { role: "presentation", className: "drag-handle", css: ObjectSearchDragHandle }),
|
|
6236
|
-
/* @__PURE__ */ jsx54("div", { children: /* @__PURE__ */
|
|
6241
|
+
/* @__PURE__ */ jsx54("div", { children: /* @__PURE__ */ jsxs34("div", { css: ObjectSearchContentContainer, children: [
|
|
6237
6242
|
!imageUrl ? null : /* @__PURE__ */ jsx54("img", { src: imageUrl, alt: `Thumbnail for ${title}`, css: ObjectSearchImage }),
|
|
6238
|
-
/* @__PURE__ */
|
|
6243
|
+
/* @__PURE__ */ jsxs34("div", { children: [
|
|
6239
6244
|
/* @__PURE__ */ jsx54("span", { css: ObjectSearchResultItemSubtitle, children: formatedContentType }),
|
|
6240
|
-
/* @__PURE__ */
|
|
6245
|
+
/* @__PURE__ */ jsxs34("span", { role: "heading", css: ObjectSearchResultItemTitle, children: [
|
|
6241
6246
|
title != null ? title : name,
|
|
6242
6247
|
!popoverData ? null : /* @__PURE__ */ jsx54(Popover2, { baseId: title, ariaLabel: title, buttonText: `See ${title} details`, children: popoverData })
|
|
6243
6248
|
] }),
|
|
6244
|
-
!createdAt && !publishStatus ? null : /* @__PURE__ */
|
|
6249
|
+
!createdAt && !publishStatus ? null : /* @__PURE__ */ jsxs34("div", { css: ObjectSearchAuthorStateGroup, children: [
|
|
6245
6250
|
!(publishStatus == null ? void 0 : publishStatus.text) ? null : /* @__PURE__ */ jsx54(Badge, { ...publishStatus, size: "sm", uppercaseText: true }),
|
|
6246
|
-
!createdAt && !publishedAt ? null : /* @__PURE__ */
|
|
6247
|
-
!createdAt ? null : /* @__PURE__ */
|
|
6251
|
+
!createdAt && !publishedAt ? null : /* @__PURE__ */ jsxs34("div", { css: ObjectSearchUpdateGroup, children: [
|
|
6252
|
+
!createdAt ? null : /* @__PURE__ */ jsxs34("small", { css: ObjectSearchResultItemTimeStamp, children: [
|
|
6248
6253
|
/* @__PURE__ */ jsx54("strong", { children: "Last updated: " }),
|
|
6249
6254
|
timeagoFormat(createdAt)
|
|
6250
6255
|
] }),
|
|
6251
|
-
!publishedAt ? null : /* @__PURE__ */
|
|
6256
|
+
!publishedAt ? null : /* @__PURE__ */ jsxs34("small", { css: ObjectSearchResultItemTimeStamp, children: [
|
|
6252
6257
|
/* @__PURE__ */ jsx54("strong", { children: "Last published: " }),
|
|
6253
6258
|
timeagoFormat(publishedAt)
|
|
6254
6259
|
] })
|
|
@@ -6257,7 +6262,7 @@ var ObjectSearchResultItem = ({
|
|
|
6257
6262
|
/* @__PURE__ */ jsx54("div", { children })
|
|
6258
6263
|
] })
|
|
6259
6264
|
] }) }),
|
|
6260
|
-
!editLink && hideRemoveButton ? null : /* @__PURE__ */
|
|
6265
|
+
!editLink && hideRemoveButton ? null : /* @__PURE__ */ jsxs34("div", { css: ObjectSearchAuthorStateGroup, children: [
|
|
6261
6266
|
!editLink ? null : /* @__PURE__ */ jsx54(LinkButton, { text: "Edit", href: editLink, icon: editLinkIcon }),
|
|
6262
6267
|
hideRemoveButton ? null : /* @__PURE__ */ jsx54(Button4, { buttonType: "ghostDestructive", onClick: onRemoveItem, children: "Remove" })
|
|
6263
6268
|
] })
|
|
@@ -6292,7 +6297,7 @@ var ObjectSearchResultListTitle = css32`
|
|
|
6292
6297
|
`;
|
|
6293
6298
|
|
|
6294
6299
|
// src/components/ObjectSearch/ObjectSearchResultList.tsx
|
|
6295
|
-
import { Fragment as
|
|
6300
|
+
import { Fragment as Fragment9, jsx as jsx55, jsxs as jsxs35 } from "@emotion/react/jsx-runtime";
|
|
6296
6301
|
function ObjectSearchResultList({
|
|
6297
6302
|
resultLabelText = "Selected",
|
|
6298
6303
|
removeButtonText = "Remove all",
|
|
@@ -6319,14 +6324,14 @@ function ObjectSearchResultList({
|
|
|
6319
6324
|
return result;
|
|
6320
6325
|
}
|
|
6321
6326
|
};
|
|
6322
|
-
return /* @__PURE__ */
|
|
6323
|
-
/* @__PURE__ */
|
|
6324
|
-
/* @__PURE__ */
|
|
6327
|
+
return /* @__PURE__ */ jsxs35(Fragment9, { children: [
|
|
6328
|
+
/* @__PURE__ */ jsxs35("div", { role: "group", css: ObjectSearchResultListContainer, children: [
|
|
6329
|
+
/* @__PURE__ */ jsxs35("div", { role: "note", css: ObjectSearchResultListCounterContainer, children: [
|
|
6325
6330
|
/* @__PURE__ */ jsx55("span", { css: ObjectSearchResultListTitle, children: resultLabelText }),
|
|
6326
6331
|
" ",
|
|
6327
6332
|
!selectedListItems.length ? null : /* @__PURE__ */ jsx55(Counter, { count: selectedListItems.length })
|
|
6328
6333
|
] }),
|
|
6329
|
-
/* @__PURE__ */
|
|
6334
|
+
/* @__PURE__ */ jsxs35("div", { css: ObjectSearchResultListCounterContainer, children: [
|
|
6330
6335
|
additionalButtons,
|
|
6331
6336
|
hideRemoveButton ? null : /* @__PURE__ */ jsx55(
|
|
6332
6337
|
Button5,
|
|
@@ -6340,7 +6345,7 @@ function ObjectSearchResultList({
|
|
|
6340
6345
|
)
|
|
6341
6346
|
] })
|
|
6342
6347
|
] }),
|
|
6343
|
-
!selectedListItems.length ? whenNothingSelected : /* @__PURE__ */ jsx55(DragDropContext3, { onDragEnd: (res) => onDragEnd(res), children: /* @__PURE__ */ jsx55(Droppable3, { droppableId: multiSelectId != null ? multiSelectId : "canvas-multi-select", children: (provided) => /* @__PURE__ */
|
|
6348
|
+
!selectedListItems.length ? whenNothingSelected : /* @__PURE__ */ jsx55(DragDropContext3, { onDragEnd: (res) => onDragEnd(res), children: /* @__PURE__ */ jsx55(Droppable3, { droppableId: multiSelectId != null ? multiSelectId : "canvas-multi-select", children: (provided) => /* @__PURE__ */ jsxs35("div", { ...provided.droppableProps, ref: provided.innerRef, children: [
|
|
6344
6349
|
selectedListItems.map((item, i2) => {
|
|
6345
6350
|
const renderListItem = renderResultComponent(item);
|
|
6346
6351
|
return /* @__PURE__ */ jsx55(Draggable3, { draggableId: item.id, index: i2, isDragDisabled: disableDnD, children: (provided2, snapshot) => /* @__PURE__ */ jsx55(
|
|
@@ -6364,7 +6369,7 @@ function ObjectSearchResultList({
|
|
|
6364
6369
|
init_emotion_jsx_shim();
|
|
6365
6370
|
import { Input as Input6, InputKeywordSearch as InputKeywordSearch3, InputSelect as InputSelect7, VerticalRhythm as VerticalRhythm2 } from "@uniformdev/design-system";
|
|
6366
6371
|
import { useEffect as useEffect9, useState as useState14 } from "react";
|
|
6367
|
-
import { jsx as jsx56, jsxs as
|
|
6372
|
+
import { jsx as jsx56, jsxs as jsxs36 } from "@emotion/react/jsx-runtime";
|
|
6368
6373
|
var QueryFilter = ({
|
|
6369
6374
|
requireContentType,
|
|
6370
6375
|
queryFilterTitle = "Configure Query",
|
|
@@ -6409,9 +6414,9 @@ var QueryFilter = ({
|
|
|
6409
6414
|
useEffect9(() => {
|
|
6410
6415
|
onSetQuery(queryState);
|
|
6411
6416
|
}, [onSetQuery, queryState]);
|
|
6412
|
-
return /* @__PURE__ */
|
|
6417
|
+
return /* @__PURE__ */ jsxs36("fieldset", { children: [
|
|
6413
6418
|
/* @__PURE__ */ jsx56("span", { css: ObjectSearchFilterContainerLabel, children: queryFilterTitle }),
|
|
6414
|
-
/* @__PURE__ */ jsx56("div", { css: ObjectSearchFilterContainer, children: /* @__PURE__ */
|
|
6419
|
+
/* @__PURE__ */ jsx56("div", { css: ObjectSearchFilterContainer, children: /* @__PURE__ */ jsxs36(VerticalRhythm2, { children: [
|
|
6415
6420
|
/* @__PURE__ */ jsx56(
|
|
6416
6421
|
InputVariables,
|
|
6417
6422
|
{
|
|
@@ -6434,7 +6439,7 @@ var QueryFilter = ({
|
|
|
6434
6439
|
)
|
|
6435
6440
|
}
|
|
6436
6441
|
),
|
|
6437
|
-
/* @__PURE__ */
|
|
6442
|
+
/* @__PURE__ */ jsxs36("div", { css: ObjectSearchFilterGrid("1fr 100px"), children: [
|
|
6438
6443
|
/* @__PURE__ */ jsx56(
|
|
6439
6444
|
InputVariables,
|
|
6440
6445
|
{
|
|
@@ -6485,7 +6490,7 @@ var QueryFilter = ({
|
|
|
6485
6490
|
}
|
|
6486
6491
|
)
|
|
6487
6492
|
] }),
|
|
6488
|
-
/* @__PURE__ */
|
|
6493
|
+
/* @__PURE__ */ jsxs36("div", { css: ObjectSearchFilterGrid("2fr 1fr"), children: [
|
|
6489
6494
|
/* @__PURE__ */ jsx56(
|
|
6490
6495
|
InputVariables,
|
|
6491
6496
|
{
|
package/dist/index.js
CHANGED
|
@@ -3864,7 +3864,12 @@ function convertDynamicInputsToVariables(dynamicInputs) {
|
|
|
3864
3864
|
acc[name] = {
|
|
3865
3865
|
type: input.type,
|
|
3866
3866
|
default: input.value,
|
|
3867
|
-
helpText:
|
|
3867
|
+
helpText: /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_jsx_runtime34.Fragment, { children: [
|
|
3868
|
+
input.value || /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("em", { children: "not provided" }),
|
|
3869
|
+
", from ",
|
|
3870
|
+
input.type === "path" ? "URL path" : "query string"
|
|
3871
|
+
] })
|
|
3872
|
+
// type abuse! 💚
|
|
3868
3873
|
};
|
|
3869
3874
|
return acc;
|
|
3870
3875
|
},
|
package/dist/index.mjs
CHANGED
|
@@ -3680,7 +3680,7 @@ function VariablesList() {
|
|
|
3680
3680
|
}
|
|
3681
3681
|
|
|
3682
3682
|
// src/components/DataResourceDynamicInputProvider.tsx
|
|
3683
|
-
import { jsx as jsx34 } from "@emotion/react/jsx-runtime";
|
|
3683
|
+
import { Fragment as Fragment7, jsx as jsx34, jsxs as jsxs22 } from "@emotion/react/jsx-runtime";
|
|
3684
3684
|
function DataResourceDynamicInputProvider({
|
|
3685
3685
|
children,
|
|
3686
3686
|
dynamicInputs
|
|
@@ -3718,7 +3718,12 @@ function convertDynamicInputsToVariables(dynamicInputs) {
|
|
|
3718
3718
|
acc[name] = {
|
|
3719
3719
|
type: input.type,
|
|
3720
3720
|
default: input.value,
|
|
3721
|
-
helpText:
|
|
3721
|
+
helpText: /* @__PURE__ */ jsxs22(Fragment7, { children: [
|
|
3722
|
+
input.value || /* @__PURE__ */ jsx34("em", { children: "not provided" }),
|
|
3723
|
+
", from ",
|
|
3724
|
+
input.type === "path" ? "URL path" : "query string"
|
|
3725
|
+
] })
|
|
3726
|
+
// type abuse! 💚
|
|
3722
3727
|
};
|
|
3723
3728
|
return acc;
|
|
3724
3729
|
},
|
|
@@ -3916,7 +3921,7 @@ var RequestTypeContainer = ({
|
|
|
3916
3921
|
};
|
|
3917
3922
|
|
|
3918
3923
|
// src/components/Request/RequestBody.tsx
|
|
3919
|
-
import { jsx as jsx38, jsxs as
|
|
3924
|
+
import { jsx as jsx38, jsxs as jsxs23 } from "@emotion/react/jsx-runtime";
|
|
3920
3925
|
var LANGUAGE_OPTIONS = [
|
|
3921
3926
|
{ label: "Text", value: "plaintext" },
|
|
3922
3927
|
{ label: "JSON", value: "json" },
|
|
@@ -3936,7 +3941,7 @@ var LANGUAGE_TO_CONTENT_TYPE = {
|
|
|
3936
3941
|
function RequestBody() {
|
|
3937
3942
|
const { request, dispatch } = useRequest();
|
|
3938
3943
|
const [language, setLanguage] = useState10("json");
|
|
3939
|
-
return /* @__PURE__ */
|
|
3944
|
+
return /* @__PURE__ */ jsxs23(
|
|
3940
3945
|
"div",
|
|
3941
3946
|
{
|
|
3942
3947
|
css: css25`
|
|
@@ -4002,7 +4007,7 @@ import {
|
|
|
4002
4007
|
TableRow as TableRow2,
|
|
4003
4008
|
WarningMessage as WarningMessage2
|
|
4004
4009
|
} from "@uniformdev/design-system";
|
|
4005
|
-
import { jsx as jsx39, jsxs as
|
|
4010
|
+
import { jsx as jsx39, jsxs as jsxs24 } from "@emotion/react/jsx-runtime";
|
|
4006
4011
|
function RequestHeaders({ disableVariables }) {
|
|
4007
4012
|
var _a, _b;
|
|
4008
4013
|
const { dispatch, request } = useRequest();
|
|
@@ -4018,27 +4023,27 @@ function RequestHeaders({ disableVariables }) {
|
|
|
4018
4023
|
index
|
|
4019
4024
|
});
|
|
4020
4025
|
};
|
|
4021
|
-
return /* @__PURE__ */ jsx39("div", { css: innerContentStyles, children: /* @__PURE__ */
|
|
4022
|
-
/* @__PURE__ */ jsx39(TableHead2, { children: /* @__PURE__ */
|
|
4026
|
+
return /* @__PURE__ */ jsx39("div", { css: innerContentStyles, children: /* @__PURE__ */ jsxs24(Table2, { children: [
|
|
4027
|
+
/* @__PURE__ */ jsx39(TableHead2, { children: /* @__PURE__ */ jsxs24(TableRow2, { children: [
|
|
4023
4028
|
/* @__PURE__ */ jsx39(TableCellHead2, { children: "Name" }),
|
|
4024
4029
|
/* @__PURE__ */ jsx39(TableCellHead2, { children: "Value" })
|
|
4025
4030
|
] }) }),
|
|
4026
|
-
/* @__PURE__ */
|
|
4031
|
+
/* @__PURE__ */ jsxs24(TableBody2, { children: [
|
|
4027
4032
|
(_b = (_a = request.baseRequest) == null ? void 0 : _a.headers) == null ? void 0 : _b.map((baseHeader) => {
|
|
4028
|
-
return /* @__PURE__ */
|
|
4029
|
-
/* @__PURE__ */
|
|
4033
|
+
return /* @__PURE__ */ jsxs24(TableRow2, { children: [
|
|
4034
|
+
/* @__PURE__ */ jsxs24(TableCellData2, { width: "50%", children: [
|
|
4030
4035
|
baseHeader.key,
|
|
4031
4036
|
/* @__PURE__ */ jsx39("br", {}),
|
|
4032
4037
|
/* @__PURE__ */ jsx39("i", { css: { color: "var(--gray-500)" }, children: /* @__PURE__ */ jsx39("small", { children: "from data source" }) })
|
|
4033
4038
|
] }),
|
|
4034
|
-
/* @__PURE__ */
|
|
4039
|
+
/* @__PURE__ */ jsxs24(TableCellData2, { width: "50%", children: [
|
|
4035
4040
|
/* @__PURE__ */ jsx39("i", { css: { color: "var(--gray-500)" }, children: baseHeader.value }),
|
|
4036
4041
|
request.headers.find((p2) => p2.key === baseHeader.key) ? /* @__PURE__ */ jsx39(WarningMessage2, { message: "overridden below" }) : null
|
|
4037
4042
|
] })
|
|
4038
4043
|
] }, baseHeader.key);
|
|
4039
4044
|
}),
|
|
4040
4045
|
deezHeaders.map((header, index) => {
|
|
4041
|
-
return /* @__PURE__ */
|
|
4046
|
+
return /* @__PURE__ */ jsxs24(TableRow2, { children: [
|
|
4042
4047
|
/* @__PURE__ */ jsx39(TableCellData2, { width: "50%", children: /* @__PURE__ */ jsx39(
|
|
4043
4048
|
Input4,
|
|
4044
4049
|
{
|
|
@@ -4109,7 +4114,7 @@ import {
|
|
|
4109
4114
|
TableRow as TableRow3,
|
|
4110
4115
|
WarningMessage as WarningMessage3
|
|
4111
4116
|
} from "@uniformdev/design-system";
|
|
4112
|
-
import { jsx as jsx41, jsxs as
|
|
4117
|
+
import { jsx as jsx41, jsxs as jsxs25 } from "@emotion/react/jsx-runtime";
|
|
4113
4118
|
function RequestParameters({ disableVariables }) {
|
|
4114
4119
|
var _a, _b;
|
|
4115
4120
|
const { dispatch, request } = useRequest();
|
|
@@ -4125,27 +4130,27 @@ function RequestParameters({ disableVariables }) {
|
|
|
4125
4130
|
index
|
|
4126
4131
|
});
|
|
4127
4132
|
};
|
|
4128
|
-
return /* @__PURE__ */ jsx41("div", { css: innerContentStyles, children: /* @__PURE__ */
|
|
4129
|
-
/* @__PURE__ */ jsx41(TableHead3, { children: /* @__PURE__ */
|
|
4133
|
+
return /* @__PURE__ */ jsx41("div", { css: innerContentStyles, children: /* @__PURE__ */ jsxs25(Table3, { children: [
|
|
4134
|
+
/* @__PURE__ */ jsx41(TableHead3, { children: /* @__PURE__ */ jsxs25(TableRow3, { children: [
|
|
4130
4135
|
/* @__PURE__ */ jsx41(TableCellHead3, { children: "Name" }),
|
|
4131
4136
|
/* @__PURE__ */ jsx41(TableCellHead3, { children: "Value" })
|
|
4132
4137
|
] }) }),
|
|
4133
|
-
/* @__PURE__ */
|
|
4138
|
+
/* @__PURE__ */ jsxs25(TableBody3, { children: [
|
|
4134
4139
|
(_b = (_a = request.baseRequest) == null ? void 0 : _a.parameters) == null ? void 0 : _b.map((baseParameter) => {
|
|
4135
|
-
return /* @__PURE__ */
|
|
4136
|
-
/* @__PURE__ */
|
|
4140
|
+
return /* @__PURE__ */ jsxs25(TableRow3, { children: [
|
|
4141
|
+
/* @__PURE__ */ jsxs25(TableCellData3, { width: "50%", children: [
|
|
4137
4142
|
baseParameter.key,
|
|
4138
4143
|
/* @__PURE__ */ jsx41("br", {}),
|
|
4139
4144
|
/* @__PURE__ */ jsx41("i", { css: { color: "var(--gray-500)" }, children: /* @__PURE__ */ jsx41("small", { children: "from data source" }) })
|
|
4140
4145
|
] }),
|
|
4141
|
-
/* @__PURE__ */
|
|
4146
|
+
/* @__PURE__ */ jsxs25(TableCellData3, { width: "50%", children: [
|
|
4142
4147
|
/* @__PURE__ */ jsx41("i", { css: { color: "var(--gray-500)" }, children: baseParameter.value }),
|
|
4143
4148
|
request.parameters.find((p2) => p2.key === baseParameter.key) ? /* @__PURE__ */ jsx41(WarningMessage3, { message: "overridden below" }) : null
|
|
4144
4149
|
] })
|
|
4145
4150
|
] }, baseParameter.key);
|
|
4146
4151
|
}),
|
|
4147
4152
|
deezParameters.map((parameter, index) => {
|
|
4148
|
-
return /* @__PURE__ */
|
|
4153
|
+
return /* @__PURE__ */ jsxs25(TableRow3, { children: [
|
|
4149
4154
|
/* @__PURE__ */ jsx41(TableCellData3, { width: "50%", children: /* @__PURE__ */ jsx41(
|
|
4150
4155
|
Input5,
|
|
4151
4156
|
{
|
|
@@ -4211,7 +4216,7 @@ function decodeVariablesInUrlEncodedString(string, varValues) {
|
|
|
4211
4216
|
}
|
|
4212
4217
|
|
|
4213
4218
|
// src/components/Request/RequestUrl.tsx
|
|
4214
|
-
import { Fragment as
|
|
4219
|
+
import { Fragment as Fragment8, jsx as jsx42, jsxs as jsxs26 } from "@emotion/react/jsx-runtime";
|
|
4215
4220
|
function RequestUrl() {
|
|
4216
4221
|
var _a, _b;
|
|
4217
4222
|
const { variables } = useVariables();
|
|
@@ -4223,7 +4228,7 @@ function RequestUrl() {
|
|
|
4223
4228
|
}
|
|
4224
4229
|
return request.baseRequest.parameters.filter((baseParam) => !request.parameters.find((p2) => p2.key === baseParam.key)).concat(request.parameters);
|
|
4225
4230
|
}, [(_a = request.baseRequest) == null ? void 0 : _a.parameters, request.parameters]);
|
|
4226
|
-
return /* @__PURE__ */
|
|
4231
|
+
return /* @__PURE__ */ jsxs26(
|
|
4227
4232
|
"small",
|
|
4228
4233
|
{
|
|
4229
4234
|
css: css26`
|
|
@@ -4233,13 +4238,13 @@ function RequestUrl() {
|
|
|
4233
4238
|
`,
|
|
4234
4239
|
children: [
|
|
4235
4240
|
request.baseRequest ? /* @__PURE__ */ jsx42("span", { children: (_b = request.baseRequest) == null ? void 0 : _b.baseUrl }) : null,
|
|
4236
|
-
/* @__PURE__ */
|
|
4241
|
+
/* @__PURE__ */ jsxs26("span", { css: { fontWeight: request.baseRequest ? "bold" : "inherit" }, children: [
|
|
4237
4242
|
urlEncodeRequestUrl(request.relativeUrl, variables),
|
|
4238
|
-
mergedParameters.length > 0 ? /* @__PURE__ */
|
|
4243
|
+
mergedParameters.length > 0 ? /* @__PURE__ */ jsxs26(Fragment8, { children: [
|
|
4239
4244
|
"?",
|
|
4240
4245
|
mergedParameters.map((param, index) => {
|
|
4241
4246
|
const encoded = urlEncodeRequestParameter(param, variables);
|
|
4242
|
-
return /* @__PURE__ */
|
|
4247
|
+
return /* @__PURE__ */ jsxs26("span", { children: [
|
|
4243
4248
|
index > 0 ? "&" : null,
|
|
4244
4249
|
encoded.key,
|
|
4245
4250
|
"=",
|
|
@@ -4493,7 +4498,7 @@ var useInitializeUniformMeshSdk = ({ autoResizingDisabled } = {}) => {
|
|
|
4493
4498
|
};
|
|
4494
4499
|
|
|
4495
4500
|
// src/components/MeshApp.tsx
|
|
4496
|
-
import { jsx as jsx46, jsxs as
|
|
4501
|
+
import { jsx as jsx46, jsxs as jsxs27 } from "@emotion/react/jsx-runtime";
|
|
4497
4502
|
var MeshApp = ({
|
|
4498
4503
|
children,
|
|
4499
4504
|
loadingComponent,
|
|
@@ -4511,7 +4516,7 @@ var MeshApp = ({
|
|
|
4511
4516
|
}
|
|
4512
4517
|
throw error;
|
|
4513
4518
|
}
|
|
4514
|
-
return /* @__PURE__ */
|
|
4519
|
+
return /* @__PURE__ */ jsxs27(UniformMeshSdkContext.Provider, { value: { sdk }, children: [
|
|
4515
4520
|
/* @__PURE__ */ jsx46(Theme2, {}),
|
|
4516
4521
|
/* @__PURE__ */ jsx46(UniformMeshLocationContextProvider, { children })
|
|
4517
4522
|
] });
|
|
@@ -4521,14 +4526,14 @@ var MeshApp = ({
|
|
|
4521
4526
|
init_emotion_jsx_shim();
|
|
4522
4527
|
import { css as css27 } from "@emotion/react";
|
|
4523
4528
|
import { Button as Button3, LoadingIndicator as LoadingIndicator3 } from "@uniformdev/design-system";
|
|
4524
|
-
import { jsx as jsx47, jsxs as
|
|
4529
|
+
import { jsx as jsx47, jsxs as jsxs28 } from "@emotion/react/jsx-runtime";
|
|
4525
4530
|
var DataRefreshButton = ({
|
|
4526
4531
|
buttonText,
|
|
4527
4532
|
isLoading,
|
|
4528
4533
|
onRefreshData,
|
|
4529
4534
|
...props
|
|
4530
4535
|
}) => {
|
|
4531
|
-
return /* @__PURE__ */
|
|
4536
|
+
return /* @__PURE__ */ jsxs28(Button3, { buttonType: "primaryInvert", onClick: onRefreshData, disabled: isLoading, ...props, children: [
|
|
4532
4537
|
!isLoading ? null : /* @__PURE__ */ jsx47(
|
|
4533
4538
|
LoadingIndicator3,
|
|
4534
4539
|
{
|
|
@@ -5816,7 +5821,7 @@ function bindQuery(query, inputs) {
|
|
|
5816
5821
|
}
|
|
5817
5822
|
|
|
5818
5823
|
// src/components/ObjectSearch/ObjectSearchContainer.tsx
|
|
5819
|
-
import { jsx as jsx49, jsxs as
|
|
5824
|
+
import { jsx as jsx49, jsxs as jsxs29 } from "@emotion/react/jsx-runtime";
|
|
5820
5825
|
var ObjectSearchContainer = ({
|
|
5821
5826
|
label,
|
|
5822
5827
|
enableDynamicInputToResultId,
|
|
@@ -5827,7 +5832,7 @@ var ObjectSearchContainer = ({
|
|
|
5827
5832
|
var _a, _b;
|
|
5828
5833
|
const { onSelectItem, selectedListItems, list } = useObjectSearchContext();
|
|
5829
5834
|
const { flatVariables } = useVariables(true);
|
|
5830
|
-
const body = /* @__PURE__ */
|
|
5835
|
+
const body = /* @__PURE__ */ jsxs29(VerticalRhythm, { children: [
|
|
5831
5836
|
searchFilters,
|
|
5832
5837
|
!resultList ? null : /* @__PURE__ */ jsx49(ScrollableList, { role: "list", children: resultList })
|
|
5833
5838
|
] });
|
|
@@ -5858,7 +5863,7 @@ var ObjectSearchContainer = ({
|
|
|
5858
5863
|
}
|
|
5859
5864
|
]);
|
|
5860
5865
|
};
|
|
5861
|
-
return /* @__PURE__ */ jsx49(IconsProvider, { children: /* @__PURE__ */
|
|
5866
|
+
return /* @__PURE__ */ jsx49(IconsProvider, { children: /* @__PURE__ */ jsxs29(VerticalRhythm, { children: [
|
|
5862
5867
|
/* @__PURE__ */ jsx49(Container, { backgroundColor: "gray-50", padding: "var(--spacing-base)", border: true, children: label ? /* @__PURE__ */ jsx49(
|
|
5863
5868
|
InputVariables,
|
|
5864
5869
|
{
|
|
@@ -5903,7 +5908,7 @@ var ObjectSearchFilterGrid = (gridColumns) => css28`
|
|
|
5903
5908
|
`;
|
|
5904
5909
|
|
|
5905
5910
|
// src/components/ObjectSearch/ObjectSearchFilter.tsx
|
|
5906
|
-
import { jsx as jsx50, jsxs as
|
|
5911
|
+
import { jsx as jsx50, jsxs as jsxs30 } from "@emotion/react/jsx-runtime";
|
|
5907
5912
|
var ObjectSearchFilter = ({
|
|
5908
5913
|
requireContentType,
|
|
5909
5914
|
typeSelectorAllTypesOptionText = "All content types",
|
|
@@ -5923,7 +5928,7 @@ var ObjectSearchFilter = ({
|
|
|
5923
5928
|
});
|
|
5924
5929
|
onSetQuery({ ...query, ...value });
|
|
5925
5930
|
};
|
|
5926
|
-
return /* @__PURE__ */
|
|
5931
|
+
return /* @__PURE__ */ jsxs30("fieldset", { css: [ObjectSearchFilterContainer, ObjectSearchFilterDropdownAndTextSearch], children: [
|
|
5927
5932
|
/* @__PURE__ */ jsx50(
|
|
5928
5933
|
InputSelect6,
|
|
5929
5934
|
{
|
|
@@ -5956,9 +5961,9 @@ var ObjectSearchFilter = ({
|
|
|
5956
5961
|
|
|
5957
5962
|
// src/components/ObjectSearch/ObjectSearchFilterContainer.tsx
|
|
5958
5963
|
init_emotion_jsx_shim();
|
|
5959
|
-
import { jsx as jsx51, jsxs as
|
|
5964
|
+
import { jsx as jsx51, jsxs as jsxs31 } from "@emotion/react/jsx-runtime";
|
|
5960
5965
|
var ObjectSearchFilterContainer2 = ({ label, children }) => {
|
|
5961
|
-
return /* @__PURE__ */
|
|
5966
|
+
return /* @__PURE__ */ jsxs31("div", { children: [
|
|
5962
5967
|
label ? /* @__PURE__ */ jsx51("span", { css: ObjectSearchFilterContainerLabel, children: label }) : null,
|
|
5963
5968
|
/* @__PURE__ */ jsx51("div", { css: ObjectSearchFilterContainer, children })
|
|
5964
5969
|
] });
|
|
@@ -6039,7 +6044,7 @@ var ObjectListItemUnControlledContent = css29`
|
|
|
6039
6044
|
`;
|
|
6040
6045
|
|
|
6041
6046
|
// src/components/ObjectSearch/ObjectSearchListItem.tsx
|
|
6042
|
-
import { jsx as jsx52, jsxs as
|
|
6047
|
+
import { jsx as jsx52, jsxs as jsxs32 } from "@emotion/react/jsx-runtime";
|
|
6043
6048
|
var ObjectSearchListItem = ({
|
|
6044
6049
|
id,
|
|
6045
6050
|
title,
|
|
@@ -6062,10 +6067,10 @@ var ObjectSearchListItem = ({
|
|
|
6062
6067
|
return onSelectItem([selectedItem]);
|
|
6063
6068
|
};
|
|
6064
6069
|
const hideWhenInSelectedList = selectedListItems.some((item) => item.id === id);
|
|
6065
|
-
return /* @__PURE__ */
|
|
6066
|
-
/* @__PURE__ */
|
|
6070
|
+
return /* @__PURE__ */ jsxs32("div", { role: "listitem", hidden: hideWhenInSelectedList, css: ObjectListItemContainer, children: [
|
|
6071
|
+
/* @__PURE__ */ jsxs32("div", { role: "button", onClick: handleSelectItem, css: ObjectListItemControlledContent, children: [
|
|
6067
6072
|
!image ? null : /* @__PURE__ */ jsx52("img", { ...image, loading: (image == null ? void 0 : image.width) && image.height ? "lazy" : "eager" }),
|
|
6068
|
-
/* @__PURE__ */
|
|
6073
|
+
/* @__PURE__ */ jsxs32("div", { role: "heading", css: ObjectListItemHeadingGroup, children: [
|
|
6069
6074
|
!contentType ? null : /* @__PURE__ */ jsx52("span", { css: ObjectListItemSubtitle, children: formatedContentType }),
|
|
6070
6075
|
/* @__PURE__ */ jsx52("span", { css: ObjectListItemTitle, children: title })
|
|
6071
6076
|
] })
|
|
@@ -6123,13 +6128,13 @@ var ButtonIcon = css30`
|
|
|
6123
6128
|
`;
|
|
6124
6129
|
|
|
6125
6130
|
// src/components/ObjectSearch/ObjectSearchResultItemButton.tsx
|
|
6126
|
-
import { jsx as jsx53, jsxs as
|
|
6131
|
+
import { jsx as jsx53, jsxs as jsxs33 } from "@emotion/react/jsx-runtime";
|
|
6127
6132
|
var ObjectSearchResultItemButton = ({
|
|
6128
6133
|
text,
|
|
6129
6134
|
icon,
|
|
6130
6135
|
...props
|
|
6131
6136
|
}) => {
|
|
6132
|
-
return /* @__PURE__ */
|
|
6137
|
+
return /* @__PURE__ */ jsxs33("button", { type: "button", css: ButtonStyles, ...props, children: [
|
|
6133
6138
|
!icon ? null : /* @__PURE__ */ jsx53(Image, { src: icon, css: ButtonIcon }),
|
|
6134
6139
|
text
|
|
6135
6140
|
] });
|
|
@@ -6139,7 +6144,7 @@ var LinkButton = ({
|
|
|
6139
6144
|
icon,
|
|
6140
6145
|
...props
|
|
6141
6146
|
}) => {
|
|
6142
|
-
return /* @__PURE__ */
|
|
6147
|
+
return /* @__PURE__ */ jsxs33("a", { ...props, css: ButtonStyles, target: "_blank", rel: "noopener noreferrer", children: [
|
|
6143
6148
|
!icon ? null : /* @__PURE__ */ jsx53(Image, { src: icon, css: ButtonIcon }),
|
|
6144
6149
|
text
|
|
6145
6150
|
] });
|
|
@@ -6207,7 +6212,7 @@ var ObjectSearchImage = css31`
|
|
|
6207
6212
|
`;
|
|
6208
6213
|
|
|
6209
6214
|
// src/components/ObjectSearch/ObjectSearchResultItem.tsx
|
|
6210
|
-
import { jsx as jsx54, jsxs as
|
|
6215
|
+
import { jsx as jsx54, jsxs as jsxs34 } from "@emotion/react/jsx-runtime";
|
|
6211
6216
|
var ObjectSearchResultItem = ({
|
|
6212
6217
|
id,
|
|
6213
6218
|
title,
|
|
@@ -6231,24 +6236,24 @@ var ObjectSearchResultItem = ({
|
|
|
6231
6236
|
onSelectItem({ id, title: id });
|
|
6232
6237
|
onRemove == null ? void 0 : onRemove();
|
|
6233
6238
|
};
|
|
6234
|
-
return /* @__PURE__ */
|
|
6239
|
+
return /* @__PURE__ */ jsxs34("div", { css: ObjectSearchResultItemContainer, children: [
|
|
6235
6240
|
disableDnD ? null : /* @__PURE__ */ jsx54("div", { role: "presentation", className: "drag-handle", css: ObjectSearchDragHandle }),
|
|
6236
|
-
/* @__PURE__ */ jsx54("div", { children: /* @__PURE__ */
|
|
6241
|
+
/* @__PURE__ */ jsx54("div", { children: /* @__PURE__ */ jsxs34("div", { css: ObjectSearchContentContainer, children: [
|
|
6237
6242
|
!imageUrl ? null : /* @__PURE__ */ jsx54("img", { src: imageUrl, alt: `Thumbnail for ${title}`, css: ObjectSearchImage }),
|
|
6238
|
-
/* @__PURE__ */
|
|
6243
|
+
/* @__PURE__ */ jsxs34("div", { children: [
|
|
6239
6244
|
/* @__PURE__ */ jsx54("span", { css: ObjectSearchResultItemSubtitle, children: formatedContentType }),
|
|
6240
|
-
/* @__PURE__ */
|
|
6245
|
+
/* @__PURE__ */ jsxs34("span", { role: "heading", css: ObjectSearchResultItemTitle, children: [
|
|
6241
6246
|
title != null ? title : name,
|
|
6242
6247
|
!popoverData ? null : /* @__PURE__ */ jsx54(Popover2, { baseId: title, ariaLabel: title, buttonText: `See ${title} details`, children: popoverData })
|
|
6243
6248
|
] }),
|
|
6244
|
-
!createdAt && !publishStatus ? null : /* @__PURE__ */
|
|
6249
|
+
!createdAt && !publishStatus ? null : /* @__PURE__ */ jsxs34("div", { css: ObjectSearchAuthorStateGroup, children: [
|
|
6245
6250
|
!(publishStatus == null ? void 0 : publishStatus.text) ? null : /* @__PURE__ */ jsx54(Badge, { ...publishStatus, size: "sm", uppercaseText: true }),
|
|
6246
|
-
!createdAt && !publishedAt ? null : /* @__PURE__ */
|
|
6247
|
-
!createdAt ? null : /* @__PURE__ */
|
|
6251
|
+
!createdAt && !publishedAt ? null : /* @__PURE__ */ jsxs34("div", { css: ObjectSearchUpdateGroup, children: [
|
|
6252
|
+
!createdAt ? null : /* @__PURE__ */ jsxs34("small", { css: ObjectSearchResultItemTimeStamp, children: [
|
|
6248
6253
|
/* @__PURE__ */ jsx54("strong", { children: "Last updated: " }),
|
|
6249
6254
|
timeagoFormat(createdAt)
|
|
6250
6255
|
] }),
|
|
6251
|
-
!publishedAt ? null : /* @__PURE__ */
|
|
6256
|
+
!publishedAt ? null : /* @__PURE__ */ jsxs34("small", { css: ObjectSearchResultItemTimeStamp, children: [
|
|
6252
6257
|
/* @__PURE__ */ jsx54("strong", { children: "Last published: " }),
|
|
6253
6258
|
timeagoFormat(publishedAt)
|
|
6254
6259
|
] })
|
|
@@ -6257,7 +6262,7 @@ var ObjectSearchResultItem = ({
|
|
|
6257
6262
|
/* @__PURE__ */ jsx54("div", { children })
|
|
6258
6263
|
] })
|
|
6259
6264
|
] }) }),
|
|
6260
|
-
!editLink && hideRemoveButton ? null : /* @__PURE__ */
|
|
6265
|
+
!editLink && hideRemoveButton ? null : /* @__PURE__ */ jsxs34("div", { css: ObjectSearchAuthorStateGroup, children: [
|
|
6261
6266
|
!editLink ? null : /* @__PURE__ */ jsx54(LinkButton, { text: "Edit", href: editLink, icon: editLinkIcon }),
|
|
6262
6267
|
hideRemoveButton ? null : /* @__PURE__ */ jsx54(Button4, { buttonType: "ghostDestructive", onClick: onRemoveItem, children: "Remove" })
|
|
6263
6268
|
] })
|
|
@@ -6292,7 +6297,7 @@ var ObjectSearchResultListTitle = css32`
|
|
|
6292
6297
|
`;
|
|
6293
6298
|
|
|
6294
6299
|
// src/components/ObjectSearch/ObjectSearchResultList.tsx
|
|
6295
|
-
import { Fragment as
|
|
6300
|
+
import { Fragment as Fragment9, jsx as jsx55, jsxs as jsxs35 } from "@emotion/react/jsx-runtime";
|
|
6296
6301
|
function ObjectSearchResultList({
|
|
6297
6302
|
resultLabelText = "Selected",
|
|
6298
6303
|
removeButtonText = "Remove all",
|
|
@@ -6319,14 +6324,14 @@ function ObjectSearchResultList({
|
|
|
6319
6324
|
return result;
|
|
6320
6325
|
}
|
|
6321
6326
|
};
|
|
6322
|
-
return /* @__PURE__ */
|
|
6323
|
-
/* @__PURE__ */
|
|
6324
|
-
/* @__PURE__ */
|
|
6327
|
+
return /* @__PURE__ */ jsxs35(Fragment9, { children: [
|
|
6328
|
+
/* @__PURE__ */ jsxs35("div", { role: "group", css: ObjectSearchResultListContainer, children: [
|
|
6329
|
+
/* @__PURE__ */ jsxs35("div", { role: "note", css: ObjectSearchResultListCounterContainer, children: [
|
|
6325
6330
|
/* @__PURE__ */ jsx55("span", { css: ObjectSearchResultListTitle, children: resultLabelText }),
|
|
6326
6331
|
" ",
|
|
6327
6332
|
!selectedListItems.length ? null : /* @__PURE__ */ jsx55(Counter, { count: selectedListItems.length })
|
|
6328
6333
|
] }),
|
|
6329
|
-
/* @__PURE__ */
|
|
6334
|
+
/* @__PURE__ */ jsxs35("div", { css: ObjectSearchResultListCounterContainer, children: [
|
|
6330
6335
|
additionalButtons,
|
|
6331
6336
|
hideRemoveButton ? null : /* @__PURE__ */ jsx55(
|
|
6332
6337
|
Button5,
|
|
@@ -6340,7 +6345,7 @@ function ObjectSearchResultList({
|
|
|
6340
6345
|
)
|
|
6341
6346
|
] })
|
|
6342
6347
|
] }),
|
|
6343
|
-
!selectedListItems.length ? whenNothingSelected : /* @__PURE__ */ jsx55(DragDropContext3, { onDragEnd: (res) => onDragEnd(res), children: /* @__PURE__ */ jsx55(Droppable3, { droppableId: multiSelectId != null ? multiSelectId : "canvas-multi-select", children: (provided) => /* @__PURE__ */
|
|
6348
|
+
!selectedListItems.length ? whenNothingSelected : /* @__PURE__ */ jsx55(DragDropContext3, { onDragEnd: (res) => onDragEnd(res), children: /* @__PURE__ */ jsx55(Droppable3, { droppableId: multiSelectId != null ? multiSelectId : "canvas-multi-select", children: (provided) => /* @__PURE__ */ jsxs35("div", { ...provided.droppableProps, ref: provided.innerRef, children: [
|
|
6344
6349
|
selectedListItems.map((item, i2) => {
|
|
6345
6350
|
const renderListItem = renderResultComponent(item);
|
|
6346
6351
|
return /* @__PURE__ */ jsx55(Draggable3, { draggableId: item.id, index: i2, isDragDisabled: disableDnD, children: (provided2, snapshot) => /* @__PURE__ */ jsx55(
|
|
@@ -6364,7 +6369,7 @@ function ObjectSearchResultList({
|
|
|
6364
6369
|
init_emotion_jsx_shim();
|
|
6365
6370
|
import { Input as Input6, InputKeywordSearch as InputKeywordSearch3, InputSelect as InputSelect7, VerticalRhythm as VerticalRhythm2 } from "@uniformdev/design-system";
|
|
6366
6371
|
import { useEffect as useEffect9, useState as useState14 } from "react";
|
|
6367
|
-
import { jsx as jsx56, jsxs as
|
|
6372
|
+
import { jsx as jsx56, jsxs as jsxs36 } from "@emotion/react/jsx-runtime";
|
|
6368
6373
|
var QueryFilter = ({
|
|
6369
6374
|
requireContentType,
|
|
6370
6375
|
queryFilterTitle = "Configure Query",
|
|
@@ -6409,9 +6414,9 @@ var QueryFilter = ({
|
|
|
6409
6414
|
useEffect9(() => {
|
|
6410
6415
|
onSetQuery(queryState);
|
|
6411
6416
|
}, [onSetQuery, queryState]);
|
|
6412
|
-
return /* @__PURE__ */
|
|
6417
|
+
return /* @__PURE__ */ jsxs36("fieldset", { children: [
|
|
6413
6418
|
/* @__PURE__ */ jsx56("span", { css: ObjectSearchFilterContainerLabel, children: queryFilterTitle }),
|
|
6414
|
-
/* @__PURE__ */ jsx56("div", { css: ObjectSearchFilterContainer, children: /* @__PURE__ */
|
|
6419
|
+
/* @__PURE__ */ jsx56("div", { css: ObjectSearchFilterContainer, children: /* @__PURE__ */ jsxs36(VerticalRhythm2, { children: [
|
|
6415
6420
|
/* @__PURE__ */ jsx56(
|
|
6416
6421
|
InputVariables,
|
|
6417
6422
|
{
|
|
@@ -6434,7 +6439,7 @@ var QueryFilter = ({
|
|
|
6434
6439
|
)
|
|
6435
6440
|
}
|
|
6436
6441
|
),
|
|
6437
|
-
/* @__PURE__ */
|
|
6442
|
+
/* @__PURE__ */ jsxs36("div", { css: ObjectSearchFilterGrid("1fr 100px"), children: [
|
|
6438
6443
|
/* @__PURE__ */ jsx56(
|
|
6439
6444
|
InputVariables,
|
|
6440
6445
|
{
|
|
@@ -6485,7 +6490,7 @@ var QueryFilter = ({
|
|
|
6485
6490
|
}
|
|
6486
6491
|
)
|
|
6487
6492
|
] }),
|
|
6488
|
-
/* @__PURE__ */
|
|
6493
|
+
/* @__PURE__ */ jsxs36("div", { css: ObjectSearchFilterGrid("2fr 1fr"), children: [
|
|
6489
6494
|
/* @__PURE__ */ jsx56(
|
|
6490
6495
|
InputVariables,
|
|
6491
6496
|
{
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@uniformdev/mesh-sdk-react",
|
|
3
|
-
"version": "19.
|
|
3
|
+
"version": "19.17.0",
|
|
4
4
|
"description": "Uniform Mesh Framework SDK for React",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE.txt",
|
|
6
6
|
"main": "./dist/index.js",
|
|
@@ -44,12 +44,12 @@
|
|
|
44
44
|
},
|
|
45
45
|
"dependencies": {
|
|
46
46
|
"@hookform/resolvers": "^3.0.1",
|
|
47
|
-
"@uniformdev/design-system": "19.
|
|
48
|
-
"@uniformdev/mesh-sdk": "19.
|
|
47
|
+
"@uniformdev/design-system": "19.17.0",
|
|
48
|
+
"@uniformdev/mesh-sdk": "19.17.0",
|
|
49
49
|
"mitt": "^3.0.0",
|
|
50
50
|
"react-beautiful-dnd": "13.1.1",
|
|
51
51
|
"react-hook-form": "^7.43.9",
|
|
52
|
-
"react-icons": "4.
|
|
52
|
+
"react-icons": "4.9.0",
|
|
53
53
|
"react-use": "17.4.0",
|
|
54
54
|
"timeago.js": "4.0.2",
|
|
55
55
|
"uuid": "9.0.0",
|
|
@@ -77,5 +77,5 @@
|
|
|
77
77
|
"publishConfig": {
|
|
78
78
|
"access": "public"
|
|
79
79
|
},
|
|
80
|
-
"gitHead": "
|
|
80
|
+
"gitHead": "ed86997d97cefd0d6849abdeb3bdf3737812ea01"
|
|
81
81
|
}
|