@box/metadata-template-browser 1.17.8 → 1.17.9

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.
Files changed (68) hide show
  1. package/dist/chunks/breadcrumb-navigation.js +35 -0
  2. package/dist/chunks/browser-row.js +52 -0
  3. package/dist/chunks/grid-list-load-more-sentinel.js +31 -0
  4. package/dist/chunks/load-more-error-row.js +36 -0
  5. package/dist/chunks/load-more-loading-row.js +26 -0
  6. package/dist/chunks/loader-skeleton.js +16 -0
  7. package/dist/chunks/metadata-template-browser-container.js +31 -0
  8. package/dist/chunks/metadata-template-browser-controller.js +36 -0
  9. package/dist/chunks/metadata-template-browser-list-box.js +57 -0
  10. package/dist/chunks/types.js +4 -6
  11. package/dist/chunks/virtualized-grid-list.js +54 -0
  12. package/dist/esm/index.js +2 -4
  13. package/dist/esm/lib/components/breadcrumb-navigation/breadcrumb-navigation.js +2 -51
  14. package/dist/esm/lib/components/breadcrumb-navigation/index.js +2 -4
  15. package/dist/esm/lib/components/breadcrumb-navigation/messages.js +14 -16
  16. package/dist/esm/lib/components/browse-list/browse-list.js +57 -82
  17. package/dist/esm/lib/components/browse-list/index.js +1 -3
  18. package/dist/esm/lib/components/browse-list/messages.js +14 -16
  19. package/dist/esm/lib/components/browser-row/browser-row.js +2 -63
  20. package/dist/esm/lib/components/browser-row/index.js +2 -4
  21. package/dist/esm/lib/components/error-state/error-state.js +22 -31
  22. package/dist/esm/lib/components/error-state/index.js +2 -4
  23. package/dist/esm/lib/components/error-state/messages.js +5 -9
  24. package/dist/esm/lib/components/index.js +12 -24
  25. package/dist/esm/lib/components/load-more-feedback/index.js +3 -6
  26. package/dist/esm/lib/components/load-more-feedback/load-more-error-row.js +2 -44
  27. package/dist/esm/lib/components/load-more-feedback/load-more-loading-row.js +2 -34
  28. package/dist/esm/lib/components/load-more-feedback/messages.js +18 -20
  29. package/dist/esm/lib/components/loader-skeleton/index.js +2 -4
  30. package/dist/esm/lib/components/loader-skeleton/loader-skeleton.js +2 -26
  31. package/dist/esm/lib/components/messages.js +26 -28
  32. package/dist/esm/lib/components/metadata-template-browser-container.js +2 -35
  33. package/dist/esm/lib/components/metadata-template-browser-controller.js +2 -58
  34. package/dist/esm/lib/components/metadata-template-browser-list-box/index.js +2 -4
  35. package/dist/esm/lib/components/metadata-template-browser-list-box/metadata-template-browser-list-box.js +2 -65
  36. package/dist/esm/lib/components/namespace-row/index.js +2 -4
  37. package/dist/esm/lib/components/namespace-row/messages.js +5 -9
  38. package/dist/esm/lib/components/namespace-row/namespace-row.js +21 -31
  39. package/dist/esm/lib/components/search-list/index.js +2 -4
  40. package/dist/esm/lib/components/search-list/messages.js +18 -20
  41. package/dist/esm/lib/components/search-list/search-list.js +53 -75
  42. package/dist/esm/lib/components/template-row/index.js +2 -4
  43. package/dist/esm/lib/components/template-row/messages.js +5 -9
  44. package/dist/esm/lib/components/template-row/template-row.js +47 -68
  45. package/dist/esm/lib/components/virtualized-grid-list/grid-list-load-more-sentinel.js +2 -49
  46. package/dist/esm/lib/components/virtualized-grid-list/index.js +2 -4
  47. package/dist/esm/lib/components/virtualized-grid-list/messages.js +5 -9
  48. package/dist/esm/lib/components/virtualized-grid-list/virtualized-grid-list.js +2 -66
  49. package/dist/esm/lib/constants.js +2 -14
  50. package/dist/esm/lib/contexts/contexts.js +88 -123
  51. package/dist/esm/lib/contexts/hooks.js +25 -38
  52. package/dist/esm/lib/contexts/index.js +4 -16
  53. package/dist/esm/lib/contexts/provider.js +50 -58
  54. package/dist/esm/lib/contexts/reducer.js +151 -178
  55. package/dist/esm/lib/contexts/use-template-browser-actions.js +224 -263
  56. package/dist/esm/lib/hooks/use-is-initial-browse-loading.js +5 -15
  57. package/dist/esm/lib/metadata-template-browser.js +16 -25
  58. package/dist/styles/breadcrumb-navigation.css +1 -1
  59. package/dist/styles/browser-row.css +1 -1
  60. package/dist/styles/grid-list-load-more-sentinel.css +1 -1
  61. package/dist/styles/load-more-error-row.css +1 -1
  62. package/dist/styles/load-more-loading-row.css +1 -1
  63. package/dist/styles/loader-skeleton.css +1 -1
  64. package/dist/styles/metadata-template-browser-container.css +1 -1
  65. package/dist/styles/metadata-template-browser-controller.css +1 -1
  66. package/dist/styles/metadata-template-browser-list-box.css +1 -1
  67. package/dist/styles/virtualized-grid-list.css +1 -1
  68. package/package.json +6 -6
@@ -1,265 +1,226 @@
1
- import Y from "lodash/debounce";
2
- import { useRef as C, useMemo as $ } from "react";
3
- import { SEARCH_DEBOUNCE_MS as R, emptyTemplatesResponse as b, PAGE_SIZE as V, emptyNamespacesResponse as v } from "../constants.js";
4
- import { BrowserActionType as a } from "./reducer.js";
5
- const S = (i) => new Promise((n, w) => {
6
- if (i.aborted) {
7
- w(new DOMException("Aborted", "AbortError"));
8
- return;
9
- }
10
- i.addEventListener("abort", () => w(new DOMException("Aborted", "AbortError")), {
11
- once: !0
12
- });
13
- }), u = (i) => {
14
- try {
15
- const n = i();
16
- n instanceof Promise && n.catch(() => {
17
- });
18
- } catch {
19
- }
20
- }, L = (i) => i instanceof Error ? i.message : typeof i == "string" ? i : "An unknown error occurred", g = async (i, n, w, o) => {
21
- try {
22
- const M = await n();
23
- i.aborted || w(M);
24
- } catch (M) {
25
- i.aborted || o(M);
26
- }
1
+ import { BrowserActionType as e } from "./reducer.js";
2
+ import { emptyNamespacesResponse as t, emptyTemplatesResponse as n } from "../constants.js";
3
+ import { useMemo as r, useRef as i } from "react";
4
+ import a from "lodash/debounce";
5
+ var o = (e) => new Promise((t, n) => {
6
+ if (e.aborted) {
7
+ n(new DOMException("Aborted", "AbortError"));
8
+ return;
9
+ }
10
+ e.addEventListener("abort", () => n(new DOMException("Aborted", "AbortError")), { once: !0 });
11
+ }), s = (e) => {
12
+ try {
13
+ let t = e();
14
+ t instanceof Promise && t.catch(() => void 0);
15
+ } catch {}
16
+ }, c = (e) => e instanceof Error ? e.message : typeof e == "string" ? e : "An unknown error occurred", l = async (e, t, n, r) => {
17
+ try {
18
+ let r = await t();
19
+ e.aborted || n(r);
20
+ } catch (t) {
21
+ e.aborted || r(t);
22
+ }
27
23
  };
28
- function or(i, n, w, o, M) {
29
- const E = C(null), k = C(null), P = C(Y(async (r) => {
30
- k.current?.abort();
31
- const e = new AbortController();
32
- k.current = e;
33
- const {
34
- signal: s
35
- } = e;
36
- u(() => n.current.onSearchChange?.(r)), u(() => n.current.onNewViewLoading?.(!0)), await g(s, () => B(r, s), (t) => o({
37
- type: a.SearchLoaded,
38
- results: t.entries,
39
- nextMarker: t.next_marker
40
- }), (t) => o({
41
- type: a.SearchError,
42
- error: L(t)
43
- })), s.aborted || u(() => n.current.onNewViewLoading?.(!1));
44
- }, R)), h = () => {
45
- E.current?.abort();
46
- const r = new AbortController();
47
- return E.current = r, r.signal;
48
- }, G = () => {
49
- E.current?.abort(), E.current = null;
50
- }, F = () => {
51
- k.current?.abort();
52
- const r = new AbortController();
53
- return k.current = r, r.signal;
54
- }, H = () => {
55
- k.current?.abort(), k.current = null;
56
- }, Q = (r, e, s) => {
57
- const t = i.current.getNamespaces;
58
- return t ? Promise.race([t(r, {
59
- limit: V,
60
- marker: s,
61
- signal: e
62
- }), S(e)]) : Promise.resolve(v);
63
- }, f = (r, e, s) => {
64
- const t = i.current.getTemplates;
65
- return t ? Promise.race([t(r, {
66
- limit: V,
67
- marker: s,
68
- signal: e
69
- }), S(e)]) : Promise.resolve(b);
70
- }, B = (r, e, s) => {
71
- const t = i.current.getSearchResults;
72
- return t ? Promise.race([t(r, {
73
- limit: V,
74
- marker: s,
75
- signal: e
76
- }), S(e)]) : Promise.resolve(b);
77
- }, U = (r, e) => {
78
- o({
79
- type: r,
80
- error: L(e)
81
- });
82
- }, _ = async (r, e, s) => {
83
- let t = !1;
84
- return await g(e, async () => {
85
- const m = await Q(r, e), x = m.next_marker ? b : await f(r, e);
86
- return [m, x];
87
- }, ([m, x]) => {
88
- o({
89
- type: a.BrowseLoaded,
90
- namespaces: m.entries,
91
- namespaceNextMarker: m.next_marker,
92
- templates: x.entries,
93
- templateNextMarker: x.next_marker
94
- }), t = !0;
95
- }, (m) => U(s, m)), t;
96
- }, Z = async () => {
97
- const r = h(), {
98
- namespaceFQN: e
99
- } = w.current;
100
- o({
101
- type: a.BrowseFetchStart
102
- }), u(() => n.current.onNewViewLoading?.(!0)), await _(e, r, a.InitialLoadError), r.aborted || u(() => n.current.onNewViewLoading?.(!1));
103
- }, j = async (r) => {
104
- const e = h(), s = w.current;
105
- M.current.set(s.namespaceFQN, {
106
- namespaces: s.namespaces,
107
- templates: s.templates,
108
- namespaceNextMarker: s.namespaceNextMarker,
109
- templateNextMarker: s.templateNextMarker,
110
- isNamespacesExhausted: s.isNamespacesExhausted
111
- }), o({
112
- type: a.NavigateTo,
113
- namespace: r
114
- }), o({
115
- type: a.BrowseFetchStart
116
- }), u(() => n.current.onNewViewLoading?.(!0));
117
- const t = await _(r.id, e, a.BrowseError);
118
- e.aborted || (u(() => n.current.onNewViewLoading?.(!1)), t && u(() => n.current.onNamespaceChange?.(r.id)));
119
- }, z = (r) => {
120
- G();
121
- const e = M.current.get(r);
122
- e && (o({
123
- type: a.NavigateBack,
124
- fqn: r,
125
- cached: e
126
- }), u(() => n.current.onNamespaceChange?.(r)));
127
- }, J = (r) => {
128
- if (o({
129
- type: a.SearchValueChange,
130
- value: r
131
- }), r.trim() === "") {
132
- P.current.cancel(), H(), o({
133
- type: a.SearchClear
134
- }), u(() => n.current.onSearchChange?.("")), u(() => n.current.onNewViewLoading?.(!1));
135
- return;
136
- }
137
- o({
138
- type: a.SearchFetchStart,
139
- query: r.trim()
140
- }), P.current(r.trim());
141
- }, I = async () => {
142
- const {
143
- namespaceFQN: r,
144
- searchQuery: e,
145
- searchNextMarker: s,
146
- namespaceNextMarker: t,
147
- templateNextMarker: m,
148
- isNamespacesExhausted: x
149
- } = w.current, d = !!e, N = d && !!s, O = !d && !x && !!t, D = !d && !!m;
150
- if (!(N || O || D))
151
- return;
152
- o({
153
- type: a.LoadMoreStart
154
- });
155
- const A = (l) => {
156
- o({
157
- type: a.LoadMoreError,
158
- error: L(l)
159
- });
160
- }, q = (l) => {
161
- const c = M.current.get(r);
162
- c && l(c);
163
- };
164
- if (N) {
165
- const l = F();
166
- await g(l, () => B(e, l, s), (c) => o({
167
- type: a.LoadMoreSearchLoaded,
168
- entries: c.entries,
169
- nextMarker: c.next_marker
170
- }), A);
171
- return;
172
- }
173
- if (O) {
174
- const l = h();
175
- await g(l, async () => {
176
- const c = await Q(r, l, t), p = c.next_marker ? b : await f(r, l);
177
- return [c, p];
178
- }, ([c, p]) => {
179
- const T = !c.next_marker;
180
- o({
181
- type: a.LoadMoreNamespacesLoaded,
182
- entries: c.entries,
183
- nextMarker: c.next_marker,
184
- ...T && {
185
- templates: p.entries,
186
- templateNextMarker: p.next_marker
187
- }
188
- }), q((y) => {
189
- y.namespaces = [...y.namespaces, ...c.entries], y.namespaceNextMarker = c.next_marker, y.isNamespacesExhausted = T, T && (y.templates = p.entries, y.templateNextMarker = p.next_marker);
190
- });
191
- }, A);
192
- return;
193
- }
194
- if (D) {
195
- const l = h();
196
- await g(l, () => f(r, l, m), (c) => {
197
- o({
198
- type: a.LoadMoreTemplatesLoaded,
199
- entries: c.entries,
200
- nextMarker: c.next_marker
201
- }), q((p) => {
202
- p.templates = [...p.templates, ...c.entries], p.templateNextMarker = c.next_marker;
203
- });
204
- }, A);
205
- }
206
- }, K = async (r) => {
207
- w.current.selectedTemplateId !== r.id && (o({
208
- type: a.TemplateSelect,
209
- template: r
210
- }), u(() => n.current.onTemplateSelect?.(r)));
211
- }, W = (r) => {
212
- u(() => n.current.onTemplateEdit?.(r));
213
- }, X = async () => {
214
- const {
215
- searchError: r,
216
- searchQuery: e,
217
- loadMoreError: s,
218
- initialLoadError: t,
219
- browseError: m,
220
- namespaceFQN: x
221
- } = w.current;
222
- if (r) {
223
- const d = F();
224
- o({
225
- type: a.SearchFetchStart,
226
- query: e
227
- }), u(() => n.current.onNewViewLoading?.(!0)), await g(d, () => B(e, d), (N) => o({
228
- type: a.SearchLoaded,
229
- results: N.entries,
230
- nextMarker: N.next_marker
231
- }), (N) => o({
232
- type: a.SearchError,
233
- error: L(N)
234
- })), d.aborted || u(() => n.current.onNewViewLoading?.(!1));
235
- return;
236
- }
237
- if (s) {
238
- await I();
239
- return;
240
- }
241
- if (t || m) {
242
- const d = h(), N = t ? a.InitialLoadError : a.BrowseError;
243
- o({
244
- type: a.BrowseFetchStart
245
- }), u(() => n.current.onNewViewLoading?.(!0)), await _(x, d, N), d.aborted || u(() => n.current.onNewViewLoading?.(!1));
246
- }
247
- };
248
- return $(
249
- () => ({
250
- initialLoad: Z,
251
- navigateTo: j,
252
- navigateBack: z,
253
- setSearchValue: J,
254
- loadMore: I,
255
- selectTemplate: K,
256
- editTemplate: W,
257
- retry: X
258
- }),
259
- // eslint-disable-next-line react-hooks/exhaustive-deps
260
- []
261
- );
24
+ function u(u, d, f, p, m) {
25
+ let h = i(null), g = i(null), _ = i(a(async (t) => {
26
+ g.current?.abort();
27
+ let n = new AbortController();
28
+ g.current = n;
29
+ let { signal: r } = n;
30
+ s(() => d.current.onSearchChange?.(t)), s(() => d.current.onNewViewLoading?.(!0)), await l(r, () => w(t, r), (t) => p({
31
+ type: e.SearchLoaded,
32
+ results: t.entries,
33
+ nextMarker: t.next_marker
34
+ }), (t) => p({
35
+ type: e.SearchError,
36
+ error: c(t)
37
+ })), r.aborted || s(() => d.current.onNewViewLoading?.(!1));
38
+ }, 500)), v = () => {
39
+ h.current?.abort();
40
+ let e = new AbortController();
41
+ return h.current = e, e.signal;
42
+ }, y = () => {
43
+ h.current?.abort(), h.current = null;
44
+ }, b = () => {
45
+ g.current?.abort();
46
+ let e = new AbortController();
47
+ return g.current = e, e.signal;
48
+ }, x = () => {
49
+ g.current?.abort(), g.current = null;
50
+ }, S = (e, n, r) => {
51
+ let i = u.current.getNamespaces;
52
+ return i ? Promise.race([i(e, {
53
+ limit: 200,
54
+ marker: r,
55
+ signal: n
56
+ }), o(n)]) : Promise.resolve(t);
57
+ }, C = (e, t, r) => {
58
+ let i = u.current.getTemplates;
59
+ return i ? Promise.race([i(e, {
60
+ limit: 200,
61
+ marker: r,
62
+ signal: t
63
+ }), o(t)]) : Promise.resolve(n);
64
+ }, w = (e, t, r) => {
65
+ let i = u.current.getSearchResults;
66
+ return i ? Promise.race([i(e, {
67
+ limit: 200,
68
+ marker: r,
69
+ signal: t
70
+ }), o(t)]) : Promise.resolve(n);
71
+ }, T = (e, t) => {
72
+ p({
73
+ type: e,
74
+ error: c(t)
75
+ });
76
+ }, E = async (t, r, i) => {
77
+ let a = !1;
78
+ return await l(r, async () => {
79
+ let e = await S(t, r);
80
+ return [e, e.next_marker ? n : await C(t, r)];
81
+ }, ([t, n]) => {
82
+ p({
83
+ type: e.BrowseLoaded,
84
+ namespaces: t.entries,
85
+ namespaceNextMarker: t.next_marker,
86
+ templates: n.entries,
87
+ templateNextMarker: n.next_marker
88
+ }), a = !0;
89
+ }, (e) => T(i, e)), a;
90
+ }, D = async () => {
91
+ let t = v(), { namespaceFQN: n } = f.current;
92
+ p({ type: e.BrowseFetchStart }), s(() => d.current.onNewViewLoading?.(!0)), await E(n, t, e.InitialLoadError), t.aborted || s(() => d.current.onNewViewLoading?.(!1));
93
+ }, O = async (t) => {
94
+ let n = v(), r = f.current;
95
+ m.current.set(r.namespaceFQN, {
96
+ namespaces: r.namespaces,
97
+ templates: r.templates,
98
+ namespaceNextMarker: r.namespaceNextMarker,
99
+ templateNextMarker: r.templateNextMarker,
100
+ isNamespacesExhausted: r.isNamespacesExhausted
101
+ }), p({
102
+ type: e.NavigateTo,
103
+ namespace: t
104
+ }), p({ type: e.BrowseFetchStart }), s(() => d.current.onNewViewLoading?.(!0));
105
+ let i = await E(t.id, n, e.BrowseError);
106
+ n.aborted || (s(() => d.current.onNewViewLoading?.(!1)), i && s(() => d.current.onNamespaceChange?.(t.id)));
107
+ }, k = (t) => {
108
+ y();
109
+ let n = m.current.get(t);
110
+ n && (p({
111
+ type: e.NavigateBack,
112
+ fqn: t,
113
+ cached: n
114
+ }), s(() => d.current.onNamespaceChange?.(t)));
115
+ }, A = (t) => {
116
+ if (p({
117
+ type: e.SearchValueChange,
118
+ value: t
119
+ }), t.trim() === "") {
120
+ _.current.cancel(), x(), p({ type: e.SearchClear }), s(() => d.current.onSearchChange?.("")), s(() => d.current.onNewViewLoading?.(!1));
121
+ return;
122
+ }
123
+ p({
124
+ type: e.SearchFetchStart,
125
+ query: t.trim()
126
+ }), _.current(t.trim());
127
+ }, j = async () => {
128
+ let { namespaceFQN: t, searchQuery: r, searchNextMarker: i, namespaceNextMarker: a, templateNextMarker: o, isNamespacesExhausted: s } = f.current, u = !!r, d = u && !!i, h = !u && !s && !!a, g = !u && !!o;
129
+ if (!(d || h || g)) return;
130
+ p({ type: e.LoadMoreStart });
131
+ let _ = (t) => {
132
+ p({
133
+ type: e.LoadMoreError,
134
+ error: c(t)
135
+ });
136
+ }, y = (e) => {
137
+ let n = m.current.get(t);
138
+ n && e(n);
139
+ };
140
+ if (d) {
141
+ let t = b();
142
+ await l(t, () => w(r, t, i), (t) => p({
143
+ type: e.LoadMoreSearchLoaded,
144
+ entries: t.entries,
145
+ nextMarker: t.next_marker
146
+ }), _);
147
+ return;
148
+ }
149
+ if (h) {
150
+ let r = v();
151
+ await l(r, async () => {
152
+ let e = await S(t, r, a);
153
+ return [e, e.next_marker ? n : await C(t, r)];
154
+ }, ([t, n]) => {
155
+ let r = !t.next_marker;
156
+ p({
157
+ type: e.LoadMoreNamespacesLoaded,
158
+ entries: t.entries,
159
+ nextMarker: t.next_marker,
160
+ ...r && {
161
+ templates: n.entries,
162
+ templateNextMarker: n.next_marker
163
+ }
164
+ }), y((e) => {
165
+ e.namespaces = [...e.namespaces, ...t.entries], e.namespaceNextMarker = t.next_marker, e.isNamespacesExhausted = r, r && (e.templates = n.entries, e.templateNextMarker = n.next_marker);
166
+ });
167
+ }, _);
168
+ return;
169
+ }
170
+ if (g) {
171
+ let n = v();
172
+ await l(n, () => C(t, n, o), (t) => {
173
+ p({
174
+ type: e.LoadMoreTemplatesLoaded,
175
+ entries: t.entries,
176
+ nextMarker: t.next_marker
177
+ }), y((e) => {
178
+ e.templates = [...e.templates, ...t.entries], e.templateNextMarker = t.next_marker;
179
+ });
180
+ }, _);
181
+ }
182
+ }, M = async (t) => {
183
+ f.current.selectedTemplateId !== t.id && (p({
184
+ type: e.TemplateSelect,
185
+ template: t
186
+ }), s(() => d.current.onTemplateSelect?.(t)));
187
+ }, N = (e) => {
188
+ s(() => d.current.onTemplateEdit?.(e));
189
+ }, P = async () => {
190
+ let { searchError: t, searchQuery: n, loadMoreError: r, initialLoadError: i, browseError: a, namespaceFQN: o } = f.current;
191
+ if (t) {
192
+ let t = b();
193
+ p({
194
+ type: e.SearchFetchStart,
195
+ query: n
196
+ }), s(() => d.current.onNewViewLoading?.(!0)), await l(t, () => w(n, t), (t) => p({
197
+ type: e.SearchLoaded,
198
+ results: t.entries,
199
+ nextMarker: t.next_marker
200
+ }), (t) => p({
201
+ type: e.SearchError,
202
+ error: c(t)
203
+ })), t.aborted || s(() => d.current.onNewViewLoading?.(!1));
204
+ return;
205
+ }
206
+ if (r) {
207
+ await j();
208
+ return;
209
+ }
210
+ if (i || a) {
211
+ let t = v(), n = i ? e.InitialLoadError : e.BrowseError;
212
+ p({ type: e.BrowseFetchStart }), s(() => d.current.onNewViewLoading?.(!0)), await E(o, t, n), t.aborted || s(() => d.current.onNewViewLoading?.(!1));
213
+ }
214
+ };
215
+ return r(() => ({
216
+ initialLoad: D,
217
+ navigateTo: O,
218
+ navigateBack: k,
219
+ setSearchValue: A,
220
+ loadMore: j,
221
+ selectTemplate: M,
222
+ editTemplate: N,
223
+ retry: P
224
+ }), []);
262
225
  }
263
- export {
264
- or as useTemplateBrowserActions
265
- };
226
+ export { u as useTemplateBrowserActions };
@@ -1,16 +1,6 @@
1
- import { useConsumerState as i, useNavigationState as r, useBrowseState as g } from "../contexts/hooks.js";
2
- function c() {
3
- const {
4
- isLoading: t
5
- } = i(), {
6
- path: e
7
- } = r(), {
8
- isFetching: s,
9
- namespaces: n,
10
- templates: o
11
- } = g(), a = n.length > 0 || o.length > 0;
12
- return t || s && !a && e.length === 0;
1
+ import { useBrowseState as e, useConsumerState as t, useNavigationState as n } from "../contexts/hooks.js";
2
+ function r() {
3
+ let { isLoading: r } = t(), { path: i } = n(), { isFetching: a, namespaces: o, templates: s } = e(), c = o.length > 0 || s.length > 0;
4
+ return r || a && !c && i.length === 0;
13
5
  }
14
- export {
15
- c as useIsInitialBrowseLoading
16
- };
6
+ export { r as useIsInitialBrowseLoading };
@@ -1,27 +1,18 @@
1
+ import { ConsumerStateContextProvider as e } from "./contexts/contexts.js";
2
+ import { MetadataTemplateBrowserProvider as t } from "./contexts/provider.js";
3
+ import { t as n } from "../../chunks/metadata-template-browser-controller.js";
1
4
  import { jsx as r } from "react/jsx-runtime";
2
- import { ConsumerStateContextProvider as n } from "./contexts/contexts.js";
3
- import { MetadataTemplateBrowserProvider as p } from "./contexts/provider.js";
4
- import { MetadataTemplateBrowserController as d } from "./components/metadata-template-browser-controller.js";
5
- function u({
6
- enterpriseId: e,
7
- itemsService: t,
8
- eventService: o,
9
- isLoading: a,
10
- isDisabled: m,
11
- initialSelectedTemplateId: i
12
- }) {
13
- return /* @__PURE__ */ r(n, {
14
- isDisabled: m,
15
- isLoading: a,
16
- children: /* @__PURE__ */ r(p, {
17
- namespaceFQN: e,
18
- itemsService: t,
19
- eventService: o,
20
- initialSelectedTemplateId: i,
21
- children: /* @__PURE__ */ r(d, {})
22
- })
23
- });
5
+ function i({ enterpriseId: i, itemsService: a, eventService: o, isLoading: s, isDisabled: c, initialSelectedTemplateId: l }) {
6
+ return /* @__PURE__ */ r(e, {
7
+ isDisabled: c,
8
+ isLoading: s,
9
+ children: /* @__PURE__ */ r(t, {
10
+ namespaceFQN: i,
11
+ itemsService: a,
12
+ eventService: o,
13
+ initialSelectedTemplateId: l,
14
+ children: /* @__PURE__ */ r(n, {})
15
+ })
16
+ });
24
17
  }
25
- export {
26
- u as MetadataTemplateBrowser
27
- };
18
+ export { i as MetadataTemplateBrowser };
@@ -1 +1 @@
1
- ._breadcrumb_a03s0_1{padding-left:var(--bp-space-030, 12px);margin-bottom:var(--space-2)}._breadcrumb_a03s0_1._disabled_a03s0_6{opacity:.3;pointer-events:none}
1
+ ._breadcrumb_a03s0_1{padding-left:var(--bp-space-030,12px);margin-bottom:var(--space-2)}._breadcrumb_a03s0_1._disabled_a03s0_6{opacity:.3;pointer-events:none}
@@ -1 +1 @@
1
- @charset "UTF-8";._row_ybl3t_2{align-items:center;border-radius:var(--bp-radius-06);box-sizing:border-box;cursor:pointer;display:flex;flex:1;gap:var(--bp-space-020, 8px);outline-offset:-2px;padding:var(--bp-space-020, 8px) var(--bp-space-030, 12px);width:100%}._trailingSlotHoverOnly_ybl3t_15{opacity:0}._item_ybl3t_19{display:flex;min-height:40px;outline:none}._item_ybl3t_19:hover ._row_ybl3t_2{background-color:var(--bp-surface-surface-hover)}._item_ybl3t_19[data-selected] ._row_ybl3t_2{background-color:var(--bp-surface-item-small-surface-selected);outline:var(--bp-border-02) solid var(--bp-border-list-item-border-selected)}._item_ybl3t_19[data-focus-visible] ._row_ybl3t_2{outline:2px solid var(--bp-outline-focus-on-light)}._item_ybl3t_19._disabled_ybl3t_40 ._row_ybl3t_2{cursor:default;opacity:.3}._item_ybl3t_19._disabled_ybl3t_40[data-focus-visible] ._row_ybl3t_2{opacity:1}._item_ybl3t_19._disabled_ybl3t_40:hover:not([data-selected]) ._row_ybl3t_2,._item_ybl3t_19._disabled_ybl3t_40[data-hovered]:not([data-selected]) ._row_ybl3t_2{background-color:transparent}._item_ybl3t_19:hover ._trailingSlotHoverOnly_ybl3t_15,._item_ybl3t_19[data-hovered] ._trailingSlotHoverOnly_ybl3t_15,._item_ybl3t_19:focus-within ._trailingSlotHoverOnly_ybl3t_15{opacity:1}._leadingIcon_ybl3t_59{align-items:center;display:flex;flex-shrink:0}._content_ybl3t_66{flex:1;min-width:0}._trailingSlot_ybl3t_15{flex-shrink:0}._subtitle_ybl3t_77{display:block;overflow-wrap:break-word}
1
+ ._row_ybl3t_2{border-radius:var(--bp-radius-06);box-sizing:border-box;cursor:pointer;align-items:center;gap:var(--bp-space-020,8px);outline-offset:-2px;padding:var(--bp-space-020,8px) var(--bp-space-030,12px);flex:1;width:100%;display:flex}._trailingSlotHoverOnly_ybl3t_15{opacity:0}._item_ybl3t_19{outline:none;min-height:40px;display:flex}._item_ybl3t_19:hover ._row_ybl3t_2{background-color:var(--bp-surface-surface-hover)}._item_ybl3t_19[data-selected] ._row_ybl3t_2{background-color:var(--bp-surface-item-small-surface-selected);outline:var(--bp-border-02) solid var(--bp-border-list-item-border-selected)}._item_ybl3t_19[data-focus-visible] ._row_ybl3t_2{outline:2px solid var(--bp-outline-focus-on-light)}._item_ybl3t_19._disabled_ybl3t_40 ._row_ybl3t_2{cursor:default;opacity:.3}._item_ybl3t_19._disabled_ybl3t_40[data-focus-visible] ._row_ybl3t_2{opacity:1}._item_ybl3t_19._disabled_ybl3t_40:hover:not([data-selected]) ._row_ybl3t_2,._item_ybl3t_19._disabled_ybl3t_40[data-hovered]:not([data-selected]) ._row_ybl3t_2{background-color:#0000}._item_ybl3t_19:hover ._trailingSlotHoverOnly_ybl3t_15,._item_ybl3t_19[data-hovered] ._trailingSlotHoverOnly_ybl3t_15,._item_ybl3t_19:focus-within ._trailingSlotHoverOnly_ybl3t_15{opacity:1}._leadingIcon_ybl3t_59{flex-shrink:0;align-items:center;display:flex}._content_ybl3t_66{flex:1;min-width:0}._trailingSlot_ybl3t_15{flex-shrink:0}._subtitle_ybl3t_77{overflow-wrap:break-word;display:block}
@@ -1 +1 @@
1
- ._sentinel_im31a_1{height:0;overflow:hidden;pointer-events:none}
1
+ ._sentinel_im31a_1{pointer-events:none;height:0;overflow:hidden}
@@ -1 +1 @@
1
- ._container_1bidp_1{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-2);width:100%}._item_1bidp_9{display:flex;outline:none}._item_1bidp_9[data-focus-visible] ._container_1bidp_1{border-radius:var(--bp-radius-06);outline:2px solid var(--bp-outline-focus-on-light);outline-offset:-2px}
1
+ ._container_1bidp_1{gap:var(--space-1);padding:var(--space-2);flex-direction:column;width:100%;display:flex}._item_1bidp_9{outline:none;display:flex}._item_1bidp_9[data-focus-visible] ._container_1bidp_1{border-radius:var(--bp-radius-06);outline:2px solid var(--bp-outline-focus-on-light);outline-offset:-2px}
@@ -1 +1 @@
1
- ._container_1rh3v_1{box-sizing:border-box;display:flex;flex-direction:column;gap:var(--space-4);margin-top:var(--space-2);padding-inline:var(--space-3);width:100%}
1
+ ._container_1rh3v_1{box-sizing:border-box;gap:var(--space-4);margin-top:var(--space-2);padding-inline:var(--space-3);flex-direction:column;width:100%;display:flex}
@@ -1 +1 @@
1
- ._loaderSkeleton_hxe4x_1{display:flex;flex:1;flex-direction:column;gap:var(--space-5);overflow:hidden}._loaderSkeleton_hxe4x_1>*{flex-shrink:0}
1
+ ._loaderSkeleton_hxe4x_1{gap:var(--space-5);flex-direction:column;flex:1;display:flex;overflow:hidden}._loaderSkeleton_hxe4x_1>*{flex-shrink:0}
@@ -1 +1 @@
1
- ._container_qa97y_1{display:flex;flex:1;flex-direction:column;min-height:0;overflow:hidden}._searchInput_qa97y_9{margin-bottom:var(--space-4)}
1
+ ._container_qa97y_1{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}._searchInput_qa97y_9{margin-bottom:var(--space-4)}
@@ -1 +1 @@
1
- ._container_14phx_1{box-sizing:border-box;display:flex;flex-direction:column;height:100%;min-width:0;overflow:hidden;width:100%}
1
+ ._container_14phx_1{box-sizing:border-box;flex-direction:column;width:100%;min-width:0;height:100%;display:flex;overflow:hidden}
@@ -1 +1 @@
1
- ._listBox_1qbmg_1{display:flex;flex:1;flex-direction:column;min-height:0;position:relative}._browseWrapper_1qbmg_9{display:flex;flex:1;flex-direction:column;min-height:0}._hidden_1qbmg_16{inset:0;overflow:hidden;pointer-events:none;position:absolute;visibility:hidden}
1
+ ._listBox_1qbmg_1{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}._browseWrapper_1qbmg_9{flex-direction:column;flex:1;min-height:0;display:flex}._hidden_1qbmg_16{pointer-events:none;visibility:hidden;position:absolute;inset:0;overflow:hidden}
@@ -1 +1 @@
1
- ._list_dukvn_1{flex:1;min-height:0;outline:none;overflow:auto;scrollbar-width:thin;scrollbar-color:transparent transparent}._list_dukvn_1::-webkit-scrollbar{width:6px}._list_dukvn_1::-webkit-scrollbar-track{background:transparent}._list_dukvn_1::-webkit-scrollbar-thumb{background-color:transparent;border-radius:3px;transition:background-color .2s}._list_dukvn_1:hover::-webkit-scrollbar-thumb,._list_dukvn_1:active::-webkit-scrollbar-thumb{background-color:var(--token-color-border-default, rgba(0, 0, 0, .2))}._list_dukvn_1:hover{scrollbar-color:var(--token-color-border-default, rgba(0, 0, 0, .2)) transparent}
1
+ ._list_dukvn_1{scrollbar-width:thin;scrollbar-color:transparent transparent;outline:none;flex:1;min-height:0;overflow:auto}._list_dukvn_1::-webkit-scrollbar{width:6px}._list_dukvn_1::-webkit-scrollbar-track{background:0 0}._list_dukvn_1::-webkit-scrollbar-thumb{background-color:#0000;border-radius:3px;transition:background-color .2s}._list_dukvn_1:hover::-webkit-scrollbar-thumb{background-color:var(--token-color-border-default,#0003)}._list_dukvn_1:active::-webkit-scrollbar-thumb{background-color:var(--token-color-border-default,#0003)}._list_dukvn_1:hover{scrollbar-color:var(--token-color-border-default,#0003) transparent}