@uniformdev/mesh-sdk-react 18.27.1-alpha.25 → 18.29.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.js CHANGED
@@ -31,58 +31,46 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
31
31
  // src/index.ts
32
32
  var src_exports = {};
33
33
  __export(src_exports, {
34
- AddListButton: () => import_design_system34.AddListButton,
35
- Button: () => import_design_system34.Button,
36
- Callout: () => import_design_system34.Callout,
34
+ AddListButton: () => import_design_system25.AddListButton,
35
+ Button: () => import_design_system25.Button,
36
+ Callout: () => import_design_system25.Callout,
37
37
  DamSelectedItem: () => DamSelectedItem,
38
- DataRefreshButton: () => DataRefreshButton,
39
38
  DataResourceVariablesList: () => DataResourceVariablesList,
40
39
  DataSourceEditor: () => DataSourceEditor,
41
40
  DataTypeEditor: () => DataTypeEditor,
42
41
  DefaultSearchRow: () => DefaultSearchRow,
43
42
  DefaultSelectedItem: () => DefaultSelectedItem,
44
43
  EntrySearch: () => EntrySearch,
45
- EntrySearchContainer: () => EntrySearchContainer,
46
- EntrySearchContext: () => EntrySearchContext,
47
- EntrySearchFilter: () => EntrySearchFilter,
48
- EntrySearchFilterContainer: () => EntrySearchFilterContainer2,
49
- EntrySearchListItem: () => EntrySearchListItem,
50
- EntrySearchListItemLoadingSkeleton: () => EntrySearchListItemLoadingSkeleton,
51
- EntrySearchProvider: () => EntrySearchProvider,
52
- EntrySearchResultItem: () => EntrySearchResultItem,
53
- EntrySearchResultItemButton: () => EntrySearchResultItemButton,
54
- EntrySearchResultList: () => EntrySearchResultList,
55
- Heading: () => import_design_system34.Heading,
44
+ Heading: () => import_design_system25.Heading,
56
45
  Icons: () => icons_exports,
57
- Input: () => import_design_system34.Input,
58
- InputComboBox: () => import_design_system34.InputComboBox,
59
- InputKeywordSearch: () => import_design_system34.InputKeywordSearch,
60
- InputSelect: () => import_design_system34.InputSelect,
61
- InputToggle: () => import_design_system34.InputToggle,
46
+ Input: () => import_design_system25.Input,
47
+ InputComboBox: () => import_design_system25.InputComboBox,
48
+ InputKeywordSearch: () => import_design_system25.InputKeywordSearch,
49
+ InputSelect: () => import_design_system25.InputSelect,
50
+ InputToggle: () => import_design_system25.InputToggle,
62
51
  InputVariables: () => InputVariables,
63
- KeywordSearchInput: () => import_design_system34.InputKeywordSearch,
64
- Label: () => import_design_system34.Label,
65
- LinkButton: () => LinkButton,
66
- LoadingIndicator: () => import_design_system34.LoadingIndicator,
67
- LoadingOverlay: () => import_design_system34.LoadingOverlay,
68
- Menu: () => import_design_system34.Menu,
69
- MenuItem: () => import_design_system34.MenuItem,
52
+ KeywordSearchInput: () => import_design_system25.InputKeywordSearch,
53
+ Label: () => import_design_system25.Label,
54
+ LoadingIndicator: () => import_design_system25.LoadingIndicator,
55
+ LoadingOverlay: () => import_design_system25.LoadingOverlay,
56
+ Menu: () => import_design_system25.Menu,
57
+ MenuItem: () => import_design_system25.MenuItem,
70
58
  MeshApp: () => MeshApp,
71
- ParameterGroup: () => import_design_system34.ParameterGroup,
72
- ParameterImage: () => import_design_system34.ParameterImage,
73
- ParameterImageInner: () => import_design_system34.ParameterImageInner,
74
- ParameterInput: () => import_design_system34.ParameterInput,
75
- ParameterInputInner: () => import_design_system34.ParameterInputInner,
76
- ParameterLabel: () => import_design_system34.ParameterLabel,
77
- ParameterMenuButton: () => import_design_system34.ParameterMenuButton,
78
- ParameterSelect: () => import_design_system34.ParameterSelect,
79
- ParameterSelectInner: () => import_design_system34.ParameterSelectInner,
80
- ParameterShell: () => import_design_system34.ParameterShell,
81
- ParameterShellContext: () => import_design_system33.ParameterShellContext,
82
- ParameterTextarea: () => import_design_system34.ParameterTextarea,
83
- ParameterTextareaInner: () => import_design_system34.ParameterTextareaInner,
84
- ParameterToggle: () => import_design_system34.ParameterToggle,
85
- ParameterToggleInner: () => import_design_system34.ParameterToggleInner,
59
+ ParameterGroup: () => import_design_system25.ParameterGroup,
60
+ ParameterImage: () => import_design_system25.ParameterImage,
61
+ ParameterImageInner: () => import_design_system25.ParameterImageInner,
62
+ ParameterInput: () => import_design_system25.ParameterInput,
63
+ ParameterInputInner: () => import_design_system25.ParameterInputInner,
64
+ ParameterLabel: () => import_design_system25.ParameterLabel,
65
+ ParameterMenuButton: () => import_design_system25.ParameterMenuButton,
66
+ ParameterSelect: () => import_design_system25.ParameterSelect,
67
+ ParameterSelectInner: () => import_design_system25.ParameterSelectInner,
68
+ ParameterShell: () => import_design_system25.ParameterShell,
69
+ ParameterShellContext: () => import_design_system24.ParameterShellContext,
70
+ ParameterTextarea: () => import_design_system25.ParameterTextarea,
71
+ ParameterTextareaInner: () => import_design_system25.ParameterTextareaInner,
72
+ ParameterToggle: () => import_design_system25.ParameterToggle,
73
+ ParameterToggleInner: () => import_design_system25.ParameterToggleInner,
86
74
  ProductPreviewList: () => ProductPreviewList,
87
75
  ProductQuery: () => ProductQuery,
88
76
  ProductQueryContext: () => ProductQueryContext,
@@ -90,8 +78,6 @@ __export(src_exports, {
90
78
  ProductSearchContext: () => ProductSearchContext,
91
79
  ProductSearchRow: () => ProductSearchRow,
92
80
  ProductSelectedItem: () => ProductSelectedItem,
93
- PublishStatus: () => PublishStatus,
94
- QueryFilter: () => QueryFilter,
95
81
  RequestBody: () => RequestBody,
96
82
  RequestHeaders: () => RequestHeaders,
97
83
  RequestMethodSelect: () => RequestMethodSelect,
@@ -101,13 +87,13 @@ __export(src_exports, {
101
87
  RequestUrl: () => RequestUrl,
102
88
  RequestUrlInput: () => RequestUrlInput,
103
89
  ResolvableLoadingValue: () => ResolvableLoadingValue,
104
- ScrollableList: () => import_design_system34.ScrollableList,
105
- ScrollableListItem: () => import_design_system34.ScrollableListItem,
90
+ ScrollableList: () => import_design_system25.ScrollableList,
91
+ ScrollableListItem: () => import_design_system25.ScrollableListItem,
106
92
  SelectionField: () => SelectionField,
107
- Switch: () => import_design_system34.Switch,
93
+ Switch: () => import_design_system25.Switch,
108
94
  TextVariableRenderer: () => TextVariableRenderer,
109
- Textarea: () => import_design_system34.Textarea,
110
- Theme: () => import_design_system34.Theme,
95
+ Textarea: () => import_design_system25.Textarea,
96
+ Theme: () => import_design_system25.Theme,
111
97
  UniformMeshLocationContext: () => UniformMeshLocationContext,
112
98
  UniformMeshLocationContextProvider: () => UniformMeshLocationContextProvider,
113
99
  UniformMeshSdkContext: () => UniformMeshSdkContext,
@@ -180,10 +166,9 @@ __export(src_exports, {
180
166
  selectedItemTitle: () => selectedItemTitle,
181
167
  urlEncodeRequestParameter: () => urlEncodeRequestParameter,
182
168
  urlEncodeRequestUrl: () => urlEncodeRequestUrl,
183
- useEntrySearchContext: () => useEntrySearchContext,
184
169
  useInitializeUniformMeshSdk: () => useInitializeUniformMeshSdk,
185
170
  useMeshLocation: () => useMeshLocation,
186
- useParameterShell: () => import_design_system33.useParameterShell,
171
+ useParameterShell: () => import_design_system24.useParameterShell,
187
172
  useProductQueryContext: () => useProductQueryContext,
188
173
  useProductSearchContext: () => useProductSearchContext,
189
174
  useRequest: () => useRequest,
@@ -1149,12 +1134,12 @@ var import_design_system10 = require("@uniformdev/design-system");
1149
1134
  var import_react21 = __toESM(require("react"));
1150
1135
  var import_react_use3 = require("react-use");
1151
1136
 
1152
- // src/components/legacy/EntrySearch/DefaultSearchRow.tsx
1137
+ // src/components/EntrySearch/DefaultSearchRow.tsx
1153
1138
  var import_react9 = require("@emotion/react");
1154
1139
  var import_design_system4 = require("@uniformdev/design-system");
1155
1140
  var import_react10 = require("react");
1156
1141
 
1157
- // src/components/legacy/EntrySearch/styles/DefaultSearchRow.styles.ts
1142
+ // src/components/EntrySearch/styles/DefaultSearchRow.styles.ts
1158
1143
  var import_react8 = require("@emotion/react");
1159
1144
  var searchRowContainer = import_react8.css`
1160
1145
  cursor: pointer;
@@ -1195,7 +1180,7 @@ var searchRowBtn = import_react8.css`
1195
1180
  inset: 0 var(--spacing-sm) 0 auto;
1196
1181
  `;
1197
1182
 
1198
- // src/components/legacy/EntrySearch/DefaultSearchRow.tsx
1183
+ // src/components/EntrySearch/DefaultSearchRow.tsx
1199
1184
  var import_jsx_runtime19 = require("@emotion/react/jsx-runtime");
1200
1185
  var DefaultSearchRow = ({ result, isSelected, triggerSelection }) => {
1201
1186
  const popoverRef = (0, import_react10.useRef)(null);
@@ -1269,7 +1254,7 @@ var DefaultSearchRow = ({ result, isSelected, triggerSelection }) => {
1269
1254
  );
1270
1255
  };
1271
1256
 
1272
- // src/components/legacy/EntrySearch/DefaultSelectedItem.tsx
1257
+ // src/components/EntrySearch/DefaultSelectedItem.tsx
1273
1258
  var import_react12 = require("@emotion/react");
1274
1259
  var import_design_system6 = require("@uniformdev/design-system");
1275
1260
  var import_react13 = require("react");
@@ -1287,7 +1272,7 @@ function openWindowWithCloseCallback(href, callback) {
1287
1272
  }, 500);
1288
1273
  }
1289
1274
 
1290
- // src/components/legacy/EntrySearch/styles/DefaultSelectedItem.styles.ts
1275
+ // src/components/EntrySearch/styles/DefaultSelectedItem.styles.ts
1291
1276
  var import_react11 = require("@emotion/react");
1292
1277
  var import_design_system5 = require("@uniformdev/design-system");
1293
1278
  var selectedItemContainer = import_react11.css`
@@ -1371,7 +1356,7 @@ var selectItemLinkBtn = import_react11.css`
1371
1356
  }
1372
1357
  `;
1373
1358
 
1374
- // src/components/legacy/EntrySearch/DefaultSelectedItem.tsx
1359
+ // src/components/EntrySearch/DefaultSelectedItem.tsx
1375
1360
  var import_jsx_runtime20 = require("@emotion/react/jsx-runtime");
1376
1361
  var DefaultSelectedItem = ({
1377
1362
  selectedItem,
@@ -1554,7 +1539,7 @@ var DefaultSelectedItem = ({
1554
1539
  ] }) }, selectedItem.id);
1555
1540
  };
1556
1541
 
1557
- // src/components/legacy/EntrySearch/EntrySearch.tsx
1542
+ // src/components/EntrySearch/EntrySearch.tsx
1558
1543
  var import_react16 = require("@emotion/react");
1559
1544
  var import_design_system7 = require("@uniformdev/design-system");
1560
1545
  var React5 = __toESM(require("react"));
@@ -1595,7 +1580,7 @@ function useLoadingDelay(loading, { delay = 500, minDuration = 200 } = {
1595
1580
  return state === "DISPLAY" || state === "EXPIRE";
1596
1581
  }
1597
1582
 
1598
- // src/components/legacy/EntrySearch/styles/EntrySearch.styles.ts
1583
+ // src/components/EntrySearch/styles/EntrySearch.styles.ts
1599
1584
  var import_react15 = require("@emotion/react");
1600
1585
  var entrySearchWrapper = import_react15.css`
1601
1586
  background: var(--white);
@@ -1706,7 +1691,7 @@ var badgeIcon = import_react15.css`
1706
1691
  height: calc(var(--spacing-lg) + var(--spacing-xs));
1707
1692
  `;
1708
1693
 
1709
- // src/components/legacy/EntrySearch/EntrySearch.tsx
1694
+ // src/components/EntrySearch/EntrySearch.tsx
1710
1695
  var import_jsx_runtime21 = require("@emotion/react/jsx-runtime");
1711
1696
  var DefaultNoResults = ({ searchText, selectedContentType }) => {
1712
1697
  let message = "No content found";
@@ -4051,741 +4036,17 @@ function convertRequestDataToDataType(dataType, requestData) {
4051
4036
  };
4052
4037
  }
4053
4038
 
4054
- // src/components/EntrySearch/DataRefreshButton.tsx
4055
- var import_react38 = require("@emotion/react");
4056
- var import_design_system23 = require("@uniformdev/design-system");
4057
- var import_jsx_runtime44 = require("@emotion/react/jsx-runtime");
4058
- var DataRefreshButton = ({
4059
- buttonText,
4060
- isLoading,
4061
- onRefreshData,
4062
- ...props
4063
- }) => {
4064
- return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_design_system23.Button, { buttonType: "primaryInvert", onClick: onRefreshData, disabled: isLoading, ...props, children: [
4065
- !isLoading ? null : /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
4066
- import_design_system23.LoadingIndicator,
4067
- {
4068
- css: import_react38.css`
4069
- ${isLoading ? "opacity: 0.2;" : void 0}
4070
- `
4071
- }
4072
- ),
4073
- buttonText
4074
- ] });
4075
- };
4076
-
4077
- // src/components/EntrySearch/EntrySearchContainer.tsx
4078
- var import_design_system24 = require("@uniformdev/design-system");
4079
-
4080
- // src/components/EntrySearch/styles/EntrySearchContainer.styles.ts
4081
- var import_react39 = require("@emotion/react");
4082
- var EntrySearchBtnGroup = import_react39.css`
4083
- align-items: center;
4084
- display: flex;
4085
- gap: var(--spacing-sm);
4086
- `;
4087
-
4088
- // src/components/EntrySearch/EntrySearchContainer.tsx
4089
- var import_jsx_runtime45 = require("@emotion/react/jsx-runtime");
4090
- var EntrySearchContainer = ({
4091
- searchFilters,
4092
- resultList,
4093
- onSave,
4094
- onCancel,
4095
- children
4096
- }) => {
4097
- return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_design_system24.IconsProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(import_design_system24.VerticalRhythm, { children: [
4098
- /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_design_system24.Container, { backgroundColor: "gray-50", padding: "var(--spacing-base)", border: true, children: /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(import_design_system24.VerticalRhythm, { children: [
4099
- searchFilters,
4100
- !resultList ? null : /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_design_system24.ScrollableList, { role: "list", children: resultList })
4101
- ] }) }),
4102
- children,
4103
- !onSave && !onCancel ? null : /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { css: EntrySearchBtnGroup, children: [
4104
- !onSave ? null : /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_design_system24.Button, { buttonType: "primary", onClick: onSave, children: "Save" }),
4105
- !onCancel ? null : /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_design_system24.Button, { buttonType: "ghostDestructive", onClick: onCancel, children: "Cancel" })
4106
- ] })
4107
- ] }) });
4108
- };
4109
-
4110
- // src/components/EntrySearch/EntrySearchFilter.tsx
4111
- var import_design_system25 = require("@uniformdev/design-system");
4112
- var import_react42 = require("react");
4113
-
4114
- // src/components/EntrySearch/hooks/EntrySearchContext.tsx
4115
- var import_react40 = require("react");
4116
- var import_jsx_runtime46 = require("@emotion/react/jsx-runtime");
4117
- var EntrySearchContext = (0, import_react40.createContext)({
4118
- onSetQuery: () => {
4119
- },
4120
- onSelectItem: () => {
4121
- },
4122
- query: {
4123
- contentType: "",
4124
- keywordSearch: ""
4125
- },
4126
- list: {},
4127
- onSetList: () => {
4128
- },
4129
- selectedListItems: [],
4130
- onRemoveAllSelectedItems: () => {
4131
- }
4132
- });
4133
- var EntrySearchProvider = ({ currentlySelectedItems, children }) => {
4134
- const [query, setQuery] = (0, import_react40.useState)({
4135
- contentType: "",
4136
- keywordSearch: ""
4137
- });
4138
- const querySearchDeferred = (0, import_react40.useDeferredValue)(query);
4139
- const [selectedItems, setSelectedItems] = (0, import_react40.useState)(currentlySelectedItems != null ? currentlySelectedItems : []);
4140
- const [list, setList] = (0, import_react40.useState)({});
4141
- const onSetQuery = (0, import_react40.useCallback)(
4142
- (value) => {
4143
- setQuery(value);
4144
- },
4145
- [setQuery]
4146
- );
4147
- const onSelectItem = (0, import_react40.useCallback)(
4148
- (selectedResult) => {
4149
- if (Array.isArray(selectedResult)) {
4150
- setSelectedItems(selectedResult);
4151
- } else {
4152
- if (selectedItems.some((item) => item.id === selectedResult.id)) {
4153
- setSelectedItems((prev) => prev.filter((item) => item.id !== selectedResult.id));
4154
- } else {
4155
- setSelectedItems((prev) => [...prev, selectedResult]);
4156
- }
4157
- }
4158
- },
4159
- [setSelectedItems, selectedItems]
4160
- );
4161
- const onRemoveAllSelectedItems = (0, import_react40.useCallback)(() => {
4162
- setSelectedItems([]);
4163
- }, [setSelectedItems]);
4164
- const onSetList = (0, import_react40.useCallback)(
4165
- (value) => {
4166
- setList(value);
4167
- },
4168
- [setList]
4169
- );
4170
- return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
4171
- EntrySearchContext.Provider,
4172
- {
4173
- value: {
4174
- onSetQuery,
4175
- query: querySearchDeferred,
4176
- onSelectItem,
4177
- selectedListItems: selectedItems,
4178
- onRemoveAllSelectedItems,
4179
- list,
4180
- onSetList
4181
- },
4182
- children
4183
- }
4184
- );
4185
- };
4186
- var useEntrySearchContext = () => {
4187
- const contextValues = (0, import_react40.useContext)(EntrySearchContext);
4188
- return { ...contextValues };
4189
- };
4190
-
4191
- // src/components/EntrySearch/styles/EntrySearchFilterContainer.styles.ts
4192
- var import_react41 = require("@emotion/react");
4193
- var EntrySearchFilterContainerLabel = import_react41.css`
4194
- align-items: center;
4195
- display: flex;
4196
- font-size: var(--fs-sm);
4197
- font-weight: var(--fw-bold);
4198
- line-height: 1rem;
4199
- margin-bottom: var(--spacing-sm);
4200
- `;
4201
- var EntrySearchFilterContainer = import_react41.css`
4202
- display: grid;
4203
- gap: var(--spacing-base);
4204
- `;
4205
- var EntrySearchFilterDropdownAndTextSearch = import_react41.css`
4206
- grid-template-columns: 0.5fr 1fr;
4207
- `;
4208
- var EntrySearchFilterGrid = (gridColumns) => import_react41.css`
4209
- display: grid;
4210
- grid-template-columns: ${gridColumns};
4211
- gap: var(--spacing-base);
4212
- `;
4213
-
4214
- // src/components/EntrySearch/EntrySearchFilter.tsx
4215
- var import_jsx_runtime47 = require("@emotion/react/jsx-runtime");
4216
- var EntrySearchFilter = ({
4217
- requireContentType,
4218
- typeSelectorAllTypesOptionText = "All content types",
4219
- searchInputName = "searchText",
4220
- searchInputPlaceholderText = "Enter keyword to narrow your results",
4221
- selectLabel = "Content Type Select",
4222
- selectOptions
4223
- }) => {
4224
- const { query, onSetQuery } = useEntrySearchContext();
4225
- const [searchState, setSearchState] = (0, import_react42.useState)({
4226
- contentType: "any",
4227
- keywordSearch: ""
4228
- });
4229
- const handleFilterChange = (value) => {
4230
- setSearchState((prev) => {
4231
- return { ...prev, ...value };
4232
- });
4233
- onSetQuery({ ...query, ...value });
4234
- };
4235
- return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("fieldset", { css: [EntrySearchFilterContainer, EntrySearchFilterDropdownAndTextSearch], children: [
4236
- /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
4237
- import_design_system25.InputSelect,
4238
- {
4239
- label: selectLabel,
4240
- showLabel: false,
4241
- onChange: (e) => handleFilterChange({ contentType: e.target.value }),
4242
- options: [
4243
- ...!requireContentType ? [{ value: "any", label: typeSelectorAllTypesOptionText }] : [],
4244
- ...selectOptions ? selectOptions.map((option) => {
4245
- return { value: option.id, label: option.name };
4246
- }) : []
4247
- ],
4248
- value: searchState.contentType
4249
- }
4250
- ),
4251
- /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
4252
- import_design_system25.InputKeywordSearch,
4253
- {
4254
- inputFieldName: searchInputName,
4255
- placeholder: searchInputPlaceholderText,
4256
- onSearchTextChanged: (e) => handleFilterChange({ keywordSearch: e }),
4257
- disabledFieldSubmission: true,
4258
- onClear: () => handleFilterChange({ keywordSearch: "" }),
4259
- value: searchState.keywordSearch
4260
- }
4261
- )
4262
- ] });
4263
- };
4264
-
4265
- // src/components/EntrySearch/EntrySearchFilterContainer.tsx
4266
- var import_jsx_runtime48 = require("@emotion/react/jsx-runtime");
4267
- var EntrySearchFilterContainer2 = ({ label, children }) => {
4268
- return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { children: [
4269
- /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { css: EntrySearchFilterContainerLabel, children: label }),
4270
- /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { css: EntrySearchFilterContainer, children })
4271
- ] });
4272
- };
4273
-
4274
- // src/components/EntrySearch/EntrySearchListItem.tsx
4275
- var import_design_system27 = require("@uniformdev/design-system");
4276
-
4277
- // src/components/EntrySearch/styles/EntrySearchListItem.styles.ts
4278
- var import_react43 = require("@emotion/react");
4279
- var import_design_system26 = require("@uniformdev/design-system");
4280
- var EntryListItemContainer = import_react43.css`
4281
- align-items: center;
4282
- border: 1px solid var(--gray-300);
4283
- border-radius: var(--rounded-base);
4284
- background: var(--white);
4285
- display: grid;
4286
- grid-template-columns: 1fr 32px;
4287
- padding: var(--spacing-sm);
4288
-
4289
- &[hidden] {
4290
- display: none;
4291
- }
4292
- `;
4293
- var EntryListItemLoading = import_react43.css`
4294
- animation: ${import_design_system26.skeletonLoading} 1s linear infinite alternate;
4295
- border-color: transparent;
4296
- min-height: 42px;
4297
- position: relative;
4298
-
4299
- &:before,
4300
- &:after {
4301
- background: var(--gray-200);
4302
- content: '';
4303
- display: block;
4304
- height: 1rem;
4305
- }
4306
-
4307
- &:before {
4308
- border-radius: var(--rounded-base);
4309
- width: 10rem;
4310
- }
4311
-
4312
- &:after {
4313
- border-radius: var(--rounded-full);
4314
- width: 1rem;
4315
- }
4316
- `;
4317
- var EntryListItemHeadingGroup = import_react43.css`
4318
- align-items: center;
4319
- display: grid;
4320
- `;
4321
- var EntryListItemTitle = import_react43.css`
4322
- color: var(--brand-secondary-1);
4323
- display: block;
4324
- font-size: var(--fs-sm);
4325
- `;
4326
- var EntryListItemSubtitle = import_react43.css`
4327
- color: var(--gray-500);
4328
- display: block;
4329
- font-size: var(--fs-xs);
4330
- line-height: 1;
4331
- `;
4332
- var EntryListItemInfoContainer = import_react43.css`
4333
- align-items: center;
4334
- display: flex;
4335
- justify-content: center;
4336
- `;
4337
- var EntryListItemControlledContent = import_react43.css`
4338
- display: flex;
4339
- gap: var(--spacing-sm);
4340
- `;
4341
- var EntryListItemUnControlledContent = import_react43.css`
4342
- margin-top: var(--spacing-sm);
4343
- grid-column: 1 / -1;
4344
- `;
4345
-
4346
- // src/components/EntrySearch/EntrySearchListItem.tsx
4347
- var import_jsx_runtime49 = require("@emotion/react/jsx-runtime");
4348
- var EntrySearchListItem = ({
4349
- id,
4350
- title,
4351
- contentType,
4352
- image,
4353
- popoverInfo,
4354
- onSelect,
4355
- children,
4356
- ...props
4357
- }) => {
4358
- const { onSelectItem, selectedListItems } = useEntrySearchContext();
4359
- const formatedContentType = Array.isArray(contentType) ? contentType.join(", ") : contentType;
4360
- const handleSelectItem = () => {
4361
- var _a;
4362
- const extraData = (_a = onSelect == null ? void 0 : onSelect()) != null ? _a : {};
4363
- onSelectItem({ id, title, ...extraData });
4364
- };
4365
- const hideWhenInSelectedList = selectedListItems.some((item) => item.id === id);
4366
- return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { role: "listitem", hidden: hideWhenInSelectedList, css: EntryListItemContainer, ...props, children: [
4367
- /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { role: "button", onClick: handleSelectItem, css: EntryListItemControlledContent, children: [
4368
- !image ? null : /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("img", { ...image, loading: (image == null ? void 0 : image.width) && image.height ? "lazy" : "eager" }),
4369
- /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { role: "heading", css: EntryListItemHeadingGroup, children: [
4370
- !contentType ? null : /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { css: EntryListItemSubtitle, children: formatedContentType }),
4371
- /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { css: EntryListItemTitle, children: title })
4372
- ] })
4373
- ] }),
4374
- !popoverInfo ? null : /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { css: EntryListItemInfoContainer, children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_design_system27.Popover, { baseId: title, ariaLabel: title, buttonText: `See ${title} details`, children: popoverInfo }) }),
4375
- !children ? null : /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { css: EntryListItemUnControlledContent, children })
4376
- ] });
4377
- };
4378
- var EntrySearchListItemLoadingSkeleton = () => {
4379
- return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { role: "presentation", css: [EntryListItemContainer, EntryListItemLoading] });
4380
- };
4381
-
4382
- // src/components/EntrySearch/EntrySearchResultItem.tsx
4383
- var import_design_system28 = require("@uniformdev/design-system");
4384
- var import_timeago3 = require("timeago.js");
4385
-
4386
- // src/components/EntrySearch/styles/PublishStatus.styles.ts
4387
- var import_react44 = require("@emotion/react");
4388
- var StatusBadge = import_react44.css`
4389
- display: inline-flex;
4390
- padding: var(--spacing-xs) var(--spacing-sm);
4391
- font-size: var(--fs-xxs);
4392
- font-weight: var(--fw-bold);
4393
- line-height: 1;
4394
- text-transform: uppercase;
4395
- `;
4396
- var StatusBadgePublished = import_react44.css`
4397
- background: #c7f1c2;
4398
- color: #106226;
4399
- `;
4400
- var StatusBadgeUnPublished = import_react44.css`
4401
- background: var(--alert);
4402
- color: var(--alert-text);
4403
- `;
4404
- var StatusBadgeModified = import_react44.css`
4405
- background: var(--gray-200);
4406
- color: var(--brand-primary-1);
4407
- `;
4408
- var StatusBadgeDraft = import_react44.css`
4409
- background: var(--gray-200);
4410
- color: var(--gray-500);
4411
- `;
4412
-
4413
- // src/components/EntrySearch/PublishStatus.tsx
4414
- var import_jsx_runtime50 = require("@emotion/react/jsx-runtime");
4415
- var PublishStatus = ({ status }) => {
4416
- const statusStyles = {
4417
- draft: StatusBadgeDraft,
4418
- modified: StatusBadgeModified,
4419
- published: StatusBadgePublished,
4420
- unpublished: StatusBadgeUnPublished
4421
- };
4422
- return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { role: "status", css: [StatusBadge, statusStyles[status]], children: status });
4423
- };
4424
-
4425
- // src/components/EntrySearch/styles/EntrySearchResultItem.styles.ts
4426
- var import_react45 = require("@emotion/react");
4427
- var EntrySearchResultItemContainer = import_react45.css`
4428
- align-items: center;
4429
- border: 1px solid var(--gray-300);
4430
- border-radius: var(--rounded-base);
4431
- background: var(--gray-50);
4432
- display: grid;
4433
- grid-template-columns: 1fr auto;
4434
- padding: var(--spacing-sm) var(--spacing-sm) var(--spacing-sm) var(--spacing-md);
4435
- `;
4436
- var EntrySearchResultItemSubtitle = import_react45.css`
4437
- color: var(--gray-500);
4438
- display: block;
4439
- font-size: var(--fs-xs);
4440
- line-height: 1;
4441
- `;
4442
- var EntrySearchResultItemTitle = import_react45.css`
4443
- align-items: center;
4444
- color: var(--brand-secondary-1);
4445
- display: flex;
4446
- gap: var(--spacing-xs);
4447
- `;
4448
- var EntrySearchResultItemTimeStamp = import_react45.css`
4449
- color: var(--gray-500);
4450
- font-size: var(--fs-xs);
4451
- `;
4452
- var EntrySearchAuthorStateGroup = import_react45.css`
4453
- align-items: center;
4454
- display: flex;
4455
- gap: var(--spacing-sm);
4456
- `;
4457
- var EntrySearchContentContainer = import_react45.css`
4458
- display: flex;
4459
- gap: var(--spacing-xs);
4460
- `;
4461
- var EntrySearchImage = import_react45.css`
4462
- max-width: 56px;
4463
- object-fit: contain;
4464
- `;
4465
-
4466
- // src/components/EntrySearch/EntrySearchResultItem.tsx
4467
- var import_jsx_runtime51 = require("@emotion/react/jsx-runtime");
4468
- var EntrySearchResultItem = ({
4469
- id,
4470
- title,
4471
- name,
4472
- contentType,
4473
- popoverData,
4474
- publishStatus,
4475
- editLinkIcon,
4476
- editLink,
4477
- imageUrl,
4478
- onRemove,
4479
- createdAt,
4480
- hideRemoveButton = false,
4481
- children
4482
- }) => {
4483
- const { onSelectItem } = useEntrySearchContext();
4484
- const formatedContentType = Array.isArray(contentType) ? contentType.join(", ") : contentType;
4485
- const onRemoveItem = () => {
4486
- onSelectItem({ id });
4487
- onRemove == null ? void 0 : onRemove();
4488
- };
4489
- return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { css: EntrySearchResultItemContainer, children: [
4490
- /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { css: EntrySearchContentContainer, children: [
4491
- !imageUrl ? null : /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("img", { src: imageUrl, alt: `Thumbnail for ${title}`, css: EntrySearchImage }),
4492
- /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { children: [
4493
- /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { css: EntrySearchResultItemSubtitle, children: formatedContentType }),
4494
- /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("span", { role: "heading", css: EntrySearchResultItemTitle, children: [
4495
- title != null ? title : name,
4496
- !popoverData ? null : /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_design_system28.Popover, { baseId: title, ariaLabel: title, buttonText: `See ${title} details`, children: popoverData })
4497
- ] }),
4498
- !createdAt && !publishStatus ? null : /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { css: EntrySearchAuthorStateGroup, children: [
4499
- !publishStatus ? null : /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(PublishStatus, { status: publishStatus }),
4500
- !createdAt ? null : /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("small", { css: EntrySearchResultItemTimeStamp, children: [
4501
- /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("strong", { children: "Last updated: " }),
4502
- (0, import_timeago3.format)(createdAt)
4503
- ] })
4504
- ] }),
4505
- /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { children })
4506
- ] })
4507
- ] }) }),
4508
- !editLink && hideRemoveButton ? null : /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { css: EntrySearchAuthorStateGroup, children: [
4509
- !editLink ? null : /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(LinkButton, { text: "Edit", href: editLink, icon: editLinkIcon }),
4510
- hideRemoveButton ? null : /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_design_system28.Button, { buttonType: "ghostDestructive", onClick: onRemoveItem, children: "Remove" })
4511
- ] })
4512
- ] });
4513
- };
4514
-
4515
- // src/components/EntrySearch/styles/EntrySearchResultItemButton.styles.ts
4516
- var import_react46 = require("@emotion/react");
4517
- var import_design_system29 = require("@uniformdev/design-system");
4518
- var ButtonStyles = import_react46.css`
4519
- ${import_design_system29.button}
4520
- background: transparent;
4521
- border: 1px solid var(--brand-secondary-1);
4522
- color: var(--brand-secondary-1);
4523
- padding: var(--spacing-sm);
4524
- font-size: var(--fs-sm);
4525
- line-height: 1;
4526
- gap: var(--spacing-xs);
4527
- transition: border-color var(--duration-fast) var(--timing-ease-out),
4528
- background-color var(--duration-fast) var(--timing-ease-out);
4529
-
4530
- &:hover {
4531
- background: var(--gray-100);
4532
- border-color: var(--gray-300);
4533
- }
4534
-
4535
- &:disabled {
4536
- background: var(--gray-300);
4537
- border-color: var(--gray-200);
4538
- color: var(--gray-500);
4539
- }
4540
-
4541
- &:link {
4542
- text-decoration: none;
4543
- }
4544
- `;
4545
- var ButtonIcon = import_react46.css`
4546
- width: 1rem;
4547
- height: 1rem;
4548
- `;
4549
-
4550
- // src/components/EntrySearch/EntrySearchResultItemButton.tsx
4551
- var import_jsx_runtime52 = require("@emotion/react/jsx-runtime");
4552
- var EntrySearchResultItemButton = ({
4553
- text,
4554
- icon,
4555
- ...props
4556
- }) => {
4557
- return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("button", { type: "button", css: ButtonStyles, ...props, children: [
4558
- !icon ? null : /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Image, { src: icon, css: ButtonIcon }),
4559
- text
4560
- ] });
4561
- };
4562
- var LinkButton = ({
4563
- text,
4564
- icon,
4565
- ...props
4566
- }) => {
4567
- return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("a", { ...props, css: ButtonStyles, target: "_blank", rel: "noopener noreferrer", children: [
4568
- !icon ? null : /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Image, { src: icon, css: ButtonIcon }),
4569
- text
4570
- ] });
4571
- };
4572
-
4573
- // src/components/EntrySearch/EntrySearchResultList.tsx
4574
- var import_design_system30 = require("@uniformdev/design-system");
4575
- var import_react_beautiful_dnd3 = require("react-beautiful-dnd");
4576
-
4577
- // src/components/EntrySearch/styles/EntrySearchResultList.styles.ts
4578
- var import_react47 = require("@emotion/react");
4579
- var EntrySearchResultListContainer = import_react47.css`
4580
- align-items: center;
4581
- display: flex;
4582
- gap: var(--spacing-sm);
4583
- justify-content: space-between;
4584
- `;
4585
- var EntrySearchResultListCounterContainer = import_react47.css`
4586
- align-items: center;
4587
- display: flex;
4588
- gap: var(--spacing-sm);
4589
- `;
4590
- var EntrySearchResultListTitle = import_react47.css`
4591
- font-weight: var(--fw-bold);
4592
- line-height: 1;
4593
- `;
4594
-
4595
- // src/components/EntrySearch/EntrySearchResultList.tsx
4596
- var import_jsx_runtime53 = require("@emotion/react/jsx-runtime");
4597
- var EntrySearchResultList = ({
4598
- resultLabelText = "Selected",
4599
- removeButtonText = "Remove all",
4600
- onRemoveAllSelected,
4601
- hideRemoveButton = false,
4602
- additionalButtons,
4603
- renderResultComponent = (value) => /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(EntrySearchResultItem, { ...value }),
4604
- disableDnD = false
4605
- }) => {
4606
- const { selectedListItems, onRemoveAllSelectedItems, onSelectItem } = useEntrySearchContext();
4607
- const handleRemoveAllSelectedItems = () => {
4608
- onRemoveAllSelectedItems();
4609
- onRemoveAllSelected == null ? void 0 : onRemoveAllSelected();
4610
- };
4611
- const onDragEnd = (res) => {
4612
- var _a, _b;
4613
- if (res.destination && res.source.droppableId === ((_a = res.destination) == null ? void 0 : _a.droppableId)) {
4614
- const result = [...selectedListItems || []];
4615
- const [removed] = (_b = result == null ? void 0 : result.splice(res.source.index, 1)) != null ? _b : [];
4616
- result == null ? void 0 : result.splice(res.destination.index, 0, removed);
4617
- onSelectItem(result);
4618
- return result;
4619
- }
4620
- };
4621
- return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(import_jsx_runtime53.Fragment, { children: [
4622
- /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { role: "group", css: EntrySearchResultListContainer, children: [
4623
- /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { role: "note", css: EntrySearchResultListCounterContainer, children: [
4624
- /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { css: EntrySearchResultListTitle, children: resultLabelText }),
4625
- " ",
4626
- !selectedListItems.length ? null : /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_design_system30.Counter, { count: selectedListItems.length })
4627
- ] }),
4628
- /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { css: EntrySearchResultListCounterContainer, children: [
4629
- additionalButtons,
4630
- hideRemoveButton ? null : /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
4631
- import_design_system30.Button,
4632
- {
4633
- buttonType: "ghostDestructive",
4634
- size: "xs",
4635
- disabled: selectedListItems.length === 0,
4636
- onClick: handleRemoveAllSelectedItems,
4637
- children: removeButtonText
4638
- }
4639
- )
4640
- ] })
4641
- ] }),
4642
- !selectedListItems.length ? null : /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_react_beautiful_dnd3.DragDropContext, { onDragEnd: (res) => onDragEnd(res), children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_react_beautiful_dnd3.Droppable, { droppableId: "canvas-multi-select", children: (provided) => /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { ...provided.droppableProps, ref: provided.innerRef, children: [
4643
- /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_design_system30.VerticalRhythm, { gap: "sm", children: selectedListItems.map((item, i) => {
4644
- const renderListItem = renderResultComponent(item);
4645
- return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
4646
- import_react_beautiful_dnd3.Draggable,
4647
- {
4648
- draggableId: item.title,
4649
- index: i,
4650
- isDragDisabled: disableDnD,
4651
- children: (provided2, snapshot) => /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
4652
- "div",
4653
- {
4654
- ref: provided2.innerRef,
4655
- "data-dragging": snapshot.isDragging,
4656
- ...provided2.draggableProps,
4657
- ...provided2.dragHandleProps,
4658
- children: renderListItem
4659
- }
4660
- )
4661
- },
4662
- item.title
4663
- );
4664
- }) }),
4665
- provided.placeholder
4666
- ] }) }) })
4667
- ] });
4668
- };
4669
-
4670
- // src/components/EntrySearch/QueryFilter.tsx
4671
- var import_design_system31 = require("@uniformdev/design-system");
4672
- var import_react48 = require("react");
4673
- var import_jsx_runtime54 = require("@emotion/react/jsx-runtime");
4674
- var QueryFilter = ({
4675
- requireContentType,
4676
- queryFilterTitle = "Configure Query",
4677
- contentTypeLabel = "Filter by content type",
4678
- typeSelectorAllTypesOptionText = "All content types",
4679
- contentTypeOptions,
4680
- countLabel = "Count",
4681
- countValue = 5,
4682
- sortLabel = "Sort",
4683
- sortOptions,
4684
- sortOrderLabel = "Sort Order",
4685
- sortOrderOptions = [
4686
- {
4687
- name: "Ascending",
4688
- id: "asc"
4689
- },
4690
- {
4691
- name: "Descending",
4692
- id: "desc"
4693
- }
4694
- ],
4695
- children
4696
- }) => {
4697
- var _a, _b;
4698
- const { query, onSetQuery } = useEntrySearchContext();
4699
- const [queryState, setQueryState] = (0, import_react48.useState)({
4700
- contentType: "",
4701
- count: countValue != null ? countValue : 5,
4702
- sortBy: (_a = sortOptions[0].id) != null ? _a : "",
4703
- sortOrder: (_b = sortOrderOptions[0].id) != null ? _b : ""
4704
- });
4705
- const handleFilterChange = (value) => {
4706
- setQueryState((prev) => ({ ...prev, ...value }));
4707
- onSetQuery({ ...query, ...value });
4708
- };
4709
- (0, import_react48.useEffect)(() => {
4710
- onSetQuery(queryState);
4711
- }, [onSetQuery, queryState]);
4712
- return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("fieldset", { children: [
4713
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { css: EntrySearchFilterContainerLabel, children: queryFilterTitle }),
4714
- /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { css: EntrySearchFilterContainer, children: [
4715
- /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { css: EntrySearchFilterGrid("1fr minmax(100px, 0.2fr)"), children: [
4716
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
4717
- import_design_system31.InputSelect,
4718
- {
4719
- label: contentTypeLabel,
4720
- options: [
4721
- ...!requireContentType ? [{ value: "", label: typeSelectorAllTypesOptionText }] : [],
4722
- ...contentTypeOptions ? contentTypeOptions.map((option) => {
4723
- return { value: option.id, label: option.name };
4724
- }) : []
4725
- ],
4726
- onChange: (e) => handleFilterChange({ contentType: e.target.value }),
4727
- value: queryState.contentType
4728
- }
4729
- ),
4730
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
4731
- import_design_system31.Input,
4732
- {
4733
- label: countLabel,
4734
- type: "number",
4735
- onChange: (e) => handleFilterChange({ count: e.target.value }),
4736
- defaultValue: countValue,
4737
- value: queryState.count
4738
- }
4739
- )
4740
- ] }),
4741
- /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { css: EntrySearchFilterGrid("repeat(2, 1fr)"), children: [
4742
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
4743
- import_design_system31.InputSelect,
4744
- {
4745
- label: sortLabel,
4746
- options: [
4747
- {
4748
- label: "Select a sort",
4749
- value: ""
4750
- },
4751
- ...sortOptions ? sortOptions.map((option) => {
4752
- return { value: option.id, label: option.name };
4753
- }) : []
4754
- ],
4755
- onChange: (e) => handleFilterChange({ sortBy: e.target.value }),
4756
- value: queryState.sortBy
4757
- }
4758
- ),
4759
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
4760
- import_design_system31.InputSelect,
4761
- {
4762
- label: sortOrderLabel,
4763
- options: [
4764
- ...sortOrderOptions ? sortOrderOptions.map((option) => {
4765
- return { value: option.id, label: option.name };
4766
- }) : []
4767
- ],
4768
- onChange: (e) => handleFilterChange({ sortOrder: e.target.value }),
4769
- value: queryState.sortOrder
4770
- }
4771
- )
4772
- ] }),
4773
- children
4774
- ] })
4775
- ] });
4776
- };
4777
-
4778
4039
  // src/components/MeshApp.tsx
4779
- var import_design_system32 = require("@uniformdev/design-system");
4040
+ var import_design_system23 = require("@uniformdev/design-system");
4780
4041
 
4781
4042
  // src/hooks/useInitializeUniformMeshSdk.ts
4782
4043
  var import_mesh_sdk = require("@uniformdev/mesh-sdk");
4783
- var import_react49 = require("react");
4044
+ var import_react38 = require("react");
4784
4045
  var useInitializeUniformMeshSdk = ({ autoResizingDisabled } = {}) => {
4785
- const [error, setError] = (0, import_react49.useState)();
4786
- const [sdk, setSdk] = (0, import_react49.useState)();
4787
- const initializationInProgress = (0, import_react49.useRef)(false);
4788
- (0, import_react49.useEffect)(
4046
+ const [error, setError] = (0, import_react38.useState)();
4047
+ const [sdk, setSdk] = (0, import_react38.useState)();
4048
+ const initializationInProgress = (0, import_react38.useRef)(false);
4049
+ (0, import_react38.useEffect)(
4789
4050
  () => {
4790
4051
  if (typeof window === "undefined" || sdk) {
4791
4052
  return;
@@ -4818,7 +4079,7 @@ var useInitializeUniformMeshSdk = ({ autoResizingDisabled } = {}) => {
4818
4079
  };
4819
4080
 
4820
4081
  // src/components/MeshApp.tsx
4821
- var import_jsx_runtime55 = require("@emotion/react/jsx-runtime");
4082
+ var import_jsx_runtime44 = require("@emotion/react/jsx-runtime");
4822
4083
  var MeshApp = ({
4823
4084
  children,
4824
4085
  loadingComponent,
@@ -4827,18 +4088,18 @@ var MeshApp = ({
4827
4088
  const { initializing, error, sdk } = useInitializeUniformMeshSdk();
4828
4089
  if (initializing || !sdk) {
4829
4090
  const LoadingComponent = loadingComponent;
4830
- return LoadingComponent ? /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(LoadingComponent, {}) : /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_design_system32.LoadingIndicator, {});
4091
+ return LoadingComponent ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(LoadingComponent, {}) : /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_design_system23.LoadingIndicator, {});
4831
4092
  }
4832
4093
  if (error) {
4833
4094
  const ErrorComponent = errorComponent;
4834
4095
  if (ErrorComponent) {
4835
- return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(ErrorComponent, { error });
4096
+ return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(ErrorComponent, { error });
4836
4097
  }
4837
4098
  throw error;
4838
4099
  }
4839
- return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(UniformMeshSdkContext.Provider, { value: { sdk }, children: [
4840
- /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_design_system32.Theme, {}),
4841
- /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(UniformMeshLocationContextProvider, { children })
4100
+ return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(UniformMeshSdkContext.Provider, { value: { sdk }, children: [
4101
+ /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_design_system23.Theme, {}),
4102
+ /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(UniformMeshLocationContextProvider, { children })
4842
4103
  ] });
4843
4104
  };
4844
4105
 
@@ -4849,7 +4110,7 @@ function useUniformMeshLocation() {
4849
4110
  }
4850
4111
 
4851
4112
  // src/hooks/index.ts
4852
- var import_design_system33 = require("@uniformdev/design-system");
4113
+ var import_design_system24 = require("@uniformdev/design-system");
4853
4114
 
4854
4115
  // src/utils/createLocationValidator.ts
4855
4116
  function createLocationValidator(setValue, validate) {
@@ -4860,7 +4121,7 @@ function createLocationValidator(setValue, validate) {
4860
4121
  }
4861
4122
 
4862
4123
  // src/index.ts
4863
- var import_design_system34 = require("@uniformdev/design-system");
4124
+ var import_design_system25 = require("@uniformdev/design-system");
4864
4125
  __reExport(src_exports, require("@uniformdev/mesh-sdk"), module.exports);
4865
4126
  // Annotate the CommonJS export names for ESM import in node:
4866
4127
  0 && (module.exports = {
@@ -4868,23 +4129,12 @@ __reExport(src_exports, require("@uniformdev/mesh-sdk"), module.exports);
4868
4129
  Button,
4869
4130
  Callout,
4870
4131
  DamSelectedItem,
4871
- DataRefreshButton,
4872
4132
  DataResourceVariablesList,
4873
4133
  DataSourceEditor,
4874
4134
  DataTypeEditor,
4875
4135
  DefaultSearchRow,
4876
4136
  DefaultSelectedItem,
4877
4137
  EntrySearch,
4878
- EntrySearchContainer,
4879
- EntrySearchContext,
4880
- EntrySearchFilter,
4881
- EntrySearchFilterContainer,
4882
- EntrySearchListItem,
4883
- EntrySearchListItemLoadingSkeleton,
4884
- EntrySearchProvider,
4885
- EntrySearchResultItem,
4886
- EntrySearchResultItemButton,
4887
- EntrySearchResultList,
4888
4138
  Heading,
4889
4139
  Icons,
4890
4140
  Input,
@@ -4895,7 +4145,6 @@ __reExport(src_exports, require("@uniformdev/mesh-sdk"), module.exports);
4895
4145
  InputVariables,
4896
4146
  KeywordSearchInput,
4897
4147
  Label,
4898
- LinkButton,
4899
4148
  LoadingIndicator,
4900
4149
  LoadingOverlay,
4901
4150
  Menu,
@@ -4923,8 +4172,6 @@ __reExport(src_exports, require("@uniformdev/mesh-sdk"), module.exports);
4923
4172
  ProductSearchContext,
4924
4173
  ProductSearchRow,
4925
4174
  ProductSelectedItem,
4926
- PublishStatus,
4927
- QueryFilter,
4928
4175
  RequestBody,
4929
4176
  RequestHeaders,
4930
4177
  RequestMethodSelect,
@@ -5013,7 +4260,6 @@ __reExport(src_exports, require("@uniformdev/mesh-sdk"), module.exports);
5013
4260
  selectedItemTitle,
5014
4261
  urlEncodeRequestParameter,
5015
4262
  urlEncodeRequestUrl,
5016
- useEntrySearchContext,
5017
4263
  useInitializeUniformMeshSdk,
5018
4264
  useMeshLocation,
5019
4265
  useParameterShell,