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