@box/metadata-template-browser 2.1.34 → 2.1.36

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 (59) hide show
  1. package/dist/chunks/breadcrumb-navigation.js +1 -35
  2. package/dist/chunks/browser-row.js +1 -60
  3. package/dist/chunks/grid-list-load-more-sentinel.js +1 -31
  4. package/dist/chunks/load-more-error-row.js +1 -36
  5. package/dist/chunks/load-more-loading-row.js +1 -26
  6. package/dist/chunks/loader-skeleton.js +1 -16
  7. package/dist/chunks/metadata-template-browser-container.js +1 -42
  8. package/dist/chunks/metadata-template-browser-controller.js +1 -36
  9. package/dist/chunks/metadata-template-browser-list-box.js +1 -65
  10. package/dist/chunks/types.js +1 -4
  11. package/dist/chunks/virtualized-grid-list.js +1 -59
  12. package/dist/esm/index.js +1 -2
  13. package/dist/esm/lib/components/breadcrumb-navigation/breadcrumb-navigation.js +1 -2
  14. package/dist/esm/lib/components/breadcrumb-navigation/index.js +1 -2
  15. package/dist/esm/lib/components/breadcrumb-navigation/messages.js +1 -16
  16. package/dist/esm/lib/components/browse-list/browse-list.js +1 -60
  17. package/dist/esm/lib/components/browse-list/index.js +1 -2
  18. package/dist/esm/lib/components/browse-list/messages.js +1 -20
  19. package/dist/esm/lib/components/browser-row/browser-row.js +1 -2
  20. package/dist/esm/lib/components/browser-row/index.js +1 -2
  21. package/dist/esm/lib/components/error-state/error-state.js +1 -23
  22. package/dist/esm/lib/components/error-state/index.js +1 -2
  23. package/dist/esm/lib/components/error-state/messages.js +1 -6
  24. package/dist/esm/lib/components/index.js +1 -12
  25. package/dist/esm/lib/components/load-more-feedback/index.js +1 -3
  26. package/dist/esm/lib/components/load-more-feedback/load-more-error-row.js +1 -2
  27. package/dist/esm/lib/components/load-more-feedback/load-more-loading-row.js +1 -2
  28. package/dist/esm/lib/components/load-more-feedback/messages.js +1 -20
  29. package/dist/esm/lib/components/loader-skeleton/index.js +1 -2
  30. package/dist/esm/lib/components/loader-skeleton/loader-skeleton.js +1 -2
  31. package/dist/esm/lib/components/messages.js +1 -32
  32. package/dist/esm/lib/components/metadata-template-browser-container.js +1 -2
  33. package/dist/esm/lib/components/metadata-template-browser-controller.js +1 -2
  34. package/dist/esm/lib/components/metadata-template-browser-list-box/index.js +1 -2
  35. package/dist/esm/lib/components/metadata-template-browser-list-box/metadata-template-browser-list-box.js +1 -2
  36. package/dist/esm/lib/components/namespace-row/index.js +1 -2
  37. package/dist/esm/lib/components/namespace-row/messages.js +1 -6
  38. package/dist/esm/lib/components/namespace-row/namespace-row.js +1 -22
  39. package/dist/esm/lib/components/search-list/index.js +1 -2
  40. package/dist/esm/lib/components/search-list/messages.js +1 -20
  41. package/dist/esm/lib/components/search-list/search-list.js +1 -54
  42. package/dist/esm/lib/components/template-row/index.js +1 -2
  43. package/dist/esm/lib/components/template-row/messages.js +1 -12
  44. package/dist/esm/lib/components/template-row/template-row.js +1 -51
  45. package/dist/esm/lib/components/virtualized-grid-list/grid-list-load-more-sentinel.js +1 -2
  46. package/dist/esm/lib/components/virtualized-grid-list/index.js +1 -2
  47. package/dist/esm/lib/components/virtualized-grid-list/messages.js +1 -6
  48. package/dist/esm/lib/components/virtualized-grid-list/virtualized-grid-list.js +1 -2
  49. package/dist/esm/lib/constants.js +1 -2
  50. package/dist/esm/lib/contexts/contexts.js +1 -104
  51. package/dist/esm/lib/contexts/hooks.js +1 -33
  52. package/dist/esm/lib/contexts/index.js +1 -5
  53. package/dist/esm/lib/contexts/provider.js +1 -53
  54. package/dist/esm/lib/contexts/reducer.js +1 -156
  55. package/dist/esm/lib/contexts/use-template-browser-actions.js +1 -232
  56. package/dist/esm/lib/hooks/use-focus-first-row-after-navigation.js +1 -32
  57. package/dist/esm/lib/hooks/use-is-initial-browse-loading.js +1 -6
  58. package/dist/esm/lib/metadata-template-browser.js +1 -21
  59. package/package.json +7 -7
@@ -1,156 +1 @@
1
- var e = /* @__PURE__ */ function(e) {
2
- return e.NavigateTo = "NAVIGATE_TO", e.NavigateBack = "NAVIGATE_BACK", e.BrowseFetchStart = "BROWSE_FETCH_START", e.BrowseLoaded = "BROWSE_LOADED", e.InitialLoadError = "INITIAL_LOAD_ERROR", e.BrowseError = "BROWSE_ERROR", e.LoadMoreStart = "LOAD_MORE_START", e.LoadMoreNamespacesLoaded = "LOAD_MORE_NAMESPACES_LOADED", e.LoadMoreTemplatesLoaded = "LOAD_MORE_TEMPLATES_LOADED", e.LoadMoreError = "LOAD_MORE_ERROR", e.SearchValueChange = "SEARCH_VALUE_CHANGE", e.SearchFetchStart = "SEARCH_FETCH_START", e.SearchLoaded = "SEARCH_LOADED", e.SearchError = "SEARCH_ERROR", e.SearchClear = "SEARCH_CLEAR", e.LoadMoreSearchLoaded = "LOAD_MORE_SEARCH_LOADED", e.TemplateSelect = "TEMPLATE_SELECT", e;
3
- }({}), t = {
4
- namespaceFQN: "",
5
- path: [],
6
- canCreateInCurrentNamespace: !1,
7
- namespaces: [],
8
- templates: [],
9
- isNamespacesExhausted: !1,
10
- namespaceNextMarker: void 0,
11
- templateNextMarker: void 0,
12
- isFetching: !1,
13
- isFetchingMore: !1,
14
- initialLoadError: null,
15
- browseError: null,
16
- loadMoreError: null,
17
- searchValue: "",
18
- searchQuery: "",
19
- searchResults: [],
20
- searchNextMarker: void 0,
21
- isFetchingSearch: !1,
22
- searchError: null,
23
- selectedTemplateId: null
24
- };
25
- function n(e, t) {
26
- switch (t.type) {
27
- case "NAVIGATE_TO": return {
28
- ...e,
29
- namespaceFQN: t.namespace.id,
30
- path: [...e.path, {
31
- fqn: t.namespace.id,
32
- displayName: t.namespace.displayName
33
- }],
34
- canCreateInCurrentNamespace: t.namespace.canCreate ?? !1,
35
- namespaces: [],
36
- templates: [],
37
- namespaceNextMarker: void 0,
38
- templateNextMarker: void 0,
39
- isNamespacesExhausted: !1,
40
- initialLoadError: null,
41
- browseError: null,
42
- loadMoreError: null
43
- };
44
- case "NAVIGATE_BACK": return {
45
- ...e,
46
- namespaceFQN: t.fqn,
47
- path: e.path.filter((e) => t.fqn === e.fqn || t.fqn.startsWith(`${e.fqn}.`)),
48
- canCreateInCurrentNamespace: t.cached.canCreate,
49
- namespaces: t.cached.namespaces,
50
- templates: t.cached.templates,
51
- namespaceNextMarker: t.cached.namespaceNextMarker,
52
- templateNextMarker: t.cached.templateNextMarker,
53
- isNamespacesExhausted: t.cached.isNamespacesExhausted,
54
- isFetching: !1,
55
- initialLoadError: null,
56
- browseError: null,
57
- loadMoreError: null
58
- };
59
- case "BROWSE_FETCH_START": return {
60
- ...e,
61
- isFetching: !0,
62
- initialLoadError: null,
63
- browseError: null
64
- };
65
- case "BROWSE_LOADED": return {
66
- ...e,
67
- isFetching: !1,
68
- namespaces: t.namespaces,
69
- namespaceNextMarker: t.namespaceNextMarker,
70
- isNamespacesExhausted: !t.namespaceNextMarker,
71
- templates: t.templates,
72
- templateNextMarker: t.templateNextMarker
73
- };
74
- case "INITIAL_LOAD_ERROR": return {
75
- ...e,
76
- isFetching: !1,
77
- initialLoadError: t.error
78
- };
79
- case "BROWSE_ERROR": return {
80
- ...e,
81
- isFetching: !1,
82
- browseError: t.error
83
- };
84
- case "LOAD_MORE_START": return {
85
- ...e,
86
- isFetchingMore: !0,
87
- loadMoreError: null
88
- };
89
- case "LOAD_MORE_NAMESPACES_LOADED": return {
90
- ...e,
91
- isFetchingMore: !1,
92
- namespaces: [...e.namespaces, ...t.entries],
93
- namespaceNextMarker: t.nextMarker,
94
- isNamespacesExhausted: !t.nextMarker,
95
- ...t.templates !== void 0 && {
96
- templates: t.templates,
97
- templateNextMarker: t.templateNextMarker
98
- }
99
- };
100
- case "LOAD_MORE_TEMPLATES_LOADED": return {
101
- ...e,
102
- isFetchingMore: !1,
103
- templates: [...e.templates, ...t.entries],
104
- templateNextMarker: t.nextMarker
105
- };
106
- case "LOAD_MORE_ERROR": return {
107
- ...e,
108
- isFetchingMore: !1,
109
- loadMoreError: t.error
110
- };
111
- case "SEARCH_VALUE_CHANGE": return {
112
- ...e,
113
- searchValue: t.value
114
- };
115
- case "SEARCH_FETCH_START": return {
116
- ...e,
117
- isFetchingSearch: !0,
118
- searchQuery: t.query,
119
- searchResults: [],
120
- searchNextMarker: void 0,
121
- searchError: null
122
- };
123
- case "SEARCH_LOADED": return {
124
- ...e,
125
- isFetchingSearch: !1,
126
- searchResults: t.results,
127
- searchNextMarker: t.nextMarker
128
- };
129
- case "SEARCH_ERROR": return {
130
- ...e,
131
- isFetchingSearch: !1,
132
- searchError: t.error
133
- };
134
- case "SEARCH_CLEAR": return {
135
- ...e,
136
- searchValue: "",
137
- searchQuery: "",
138
- searchResults: [],
139
- searchNextMarker: void 0,
140
- isFetchingSearch: !1,
141
- searchError: null
142
- };
143
- case "LOAD_MORE_SEARCH_LOADED": return {
144
- ...e,
145
- isFetchingMore: !1,
146
- searchResults: [...e.searchResults, ...t.entries],
147
- searchNextMarker: t.nextMarker
148
- };
149
- case "TEMPLATE_SELECT": return {
150
- ...e,
151
- selectedTemplateId: t.template.id
152
- };
153
- default: return e;
154
- }
155
- }
156
- export { e as BrowserActionType, n as browserReducer, t as initialState };
1
+ var BrowserActionType=function(BrowserActionType){return BrowserActionType.NavigateTo=`NAVIGATE_TO`,BrowserActionType.NavigateBack=`NAVIGATE_BACK`,BrowserActionType.BrowseFetchStart=`BROWSE_FETCH_START`,BrowserActionType.BrowseLoaded=`BROWSE_LOADED`,BrowserActionType.InitialLoadError=`INITIAL_LOAD_ERROR`,BrowserActionType.BrowseError=`BROWSE_ERROR`,BrowserActionType.LoadMoreStart=`LOAD_MORE_START`,BrowserActionType.LoadMoreNamespacesLoaded=`LOAD_MORE_NAMESPACES_LOADED`,BrowserActionType.LoadMoreTemplatesLoaded=`LOAD_MORE_TEMPLATES_LOADED`,BrowserActionType.LoadMoreError=`LOAD_MORE_ERROR`,BrowserActionType.SearchValueChange=`SEARCH_VALUE_CHANGE`,BrowserActionType.SearchFetchStart=`SEARCH_FETCH_START`,BrowserActionType.SearchLoaded=`SEARCH_LOADED`,BrowserActionType.SearchError=`SEARCH_ERROR`,BrowserActionType.SearchClear=`SEARCH_CLEAR`,BrowserActionType.LoadMoreSearchLoaded=`LOAD_MORE_SEARCH_LOADED`,BrowserActionType.TemplateSelect=`TEMPLATE_SELECT`,BrowserActionType}({}),initialState={namespaceFQN:``,path:[],canCreateInCurrentNamespace:!1,namespaces:[],templates:[],isNamespacesExhausted:!1,namespaceNextMarker:void 0,templateNextMarker:void 0,isFetching:!1,isFetchingMore:!1,initialLoadError:null,browseError:null,loadMoreError:null,searchValue:``,searchQuery:``,searchResults:[],searchNextMarker:void 0,isFetchingSearch:!1,searchError:null,selectedTemplateId:null};function browserReducer(state,action){switch(action.type){case`NAVIGATE_TO`:return{...state,namespaceFQN:action.namespace.id,path:[...state.path,{fqn:action.namespace.id,displayName:action.namespace.displayName}],canCreateInCurrentNamespace:action.namespace.canCreate??!1,namespaces:[],templates:[],namespaceNextMarker:void 0,templateNextMarker:void 0,isNamespacesExhausted:!1,initialLoadError:null,browseError:null,loadMoreError:null};case`NAVIGATE_BACK`:return{...state,namespaceFQN:action.fqn,path:state.path.filter(entry=>action.fqn===entry.fqn||action.fqn.startsWith(`${entry.fqn}.`)),canCreateInCurrentNamespace:action.cached.canCreate,namespaces:action.cached.namespaces,templates:action.cached.templates,namespaceNextMarker:action.cached.namespaceNextMarker,templateNextMarker:action.cached.templateNextMarker,isNamespacesExhausted:action.cached.isNamespacesExhausted,isFetching:!1,initialLoadError:null,browseError:null,loadMoreError:null};case`BROWSE_FETCH_START`:return{...state,isFetching:!0,initialLoadError:null,browseError:null};case`BROWSE_LOADED`:return{...state,isFetching:!1,namespaces:action.namespaces,namespaceNextMarker:action.namespaceNextMarker,isNamespacesExhausted:!action.namespaceNextMarker,templates:action.templates,templateNextMarker:action.templateNextMarker};case`INITIAL_LOAD_ERROR`:return{...state,isFetching:!1,initialLoadError:action.error};case`BROWSE_ERROR`:return{...state,isFetching:!1,browseError:action.error};case`LOAD_MORE_START`:return{...state,isFetchingMore:!0,loadMoreError:null};case`LOAD_MORE_NAMESPACES_LOADED`:return{...state,isFetchingMore:!1,namespaces:[...state.namespaces,...action.entries],namespaceNextMarker:action.nextMarker,isNamespacesExhausted:!action.nextMarker,...action.templates!==void 0&&{templates:action.templates,templateNextMarker:action.templateNextMarker}};case`LOAD_MORE_TEMPLATES_LOADED`:return{...state,isFetchingMore:!1,templates:[...state.templates,...action.entries],templateNextMarker:action.nextMarker};case`LOAD_MORE_ERROR`:return{...state,isFetchingMore:!1,loadMoreError:action.error};case`SEARCH_VALUE_CHANGE`:return{...state,searchValue:action.value};case`SEARCH_FETCH_START`:return{...state,isFetchingSearch:!0,searchQuery:action.query,searchResults:[],searchNextMarker:void 0,searchError:null};case`SEARCH_LOADED`:return{...state,isFetchingSearch:!1,searchResults:action.results,searchNextMarker:action.nextMarker};case`SEARCH_ERROR`:return{...state,isFetchingSearch:!1,searchError:action.error};case`SEARCH_CLEAR`:return{...state,searchValue:``,searchQuery:``,searchResults:[],searchNextMarker:void 0,isFetchingSearch:!1,searchError:null};case`LOAD_MORE_SEARCH_LOADED`:return{...state,isFetchingMore:!1,searchResults:[...state.searchResults,...action.entries],searchNextMarker:action.nextMarker};case`TEMPLATE_SELECT`:return{...state,selectedTemplateId:action.template.id};default:return state}}export{BrowserActionType,browserReducer,initialState};
@@ -1,232 +1 @@
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.trim().replaceAll(/\s+/g, " "), l = (e) => e instanceof Error ? e.message : typeof e == "string" ? e : "An unknown error occurred", u = 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
- }
23
- };
24
- function d(d, f, p, m, h) {
25
- let g = i(null), _ = i(null), v = i(a(async (t) => {
26
- _.current?.abort();
27
- let n = new AbortController();
28
- _.current = n;
29
- let { signal: r } = n;
30
- s(() => f.current.onSearchChange?.(t)), s(() => f.current.onNewViewLoading?.(!0)), await u(r, () => T(t, r), (t) => m({
31
- type: e.SearchLoaded,
32
- results: t.entries,
33
- nextMarker: t.next_marker
34
- }), (t) => m({
35
- type: e.SearchError,
36
- error: l(t)
37
- })), r.aborted || s(() => f.current.onNewViewLoading?.(!1));
38
- }, 500)), y = () => {
39
- g.current?.abort();
40
- let e = new AbortController();
41
- return g.current = e, e.signal;
42
- }, b = () => {
43
- g.current?.abort(), g.current = null;
44
- }, x = () => {
45
- _.current?.abort();
46
- let e = new AbortController();
47
- return _.current = e, e.signal;
48
- }, S = () => {
49
- _.current?.abort(), _.current = null;
50
- }, C = (e, n, r) => {
51
- let i = d.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
- }, w = (e, t, r) => {
58
- let i = d.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
- }, T = (e, t, r) => {
65
- let i = d.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
- }, E = (e, t) => {
72
- m({
73
- type: e,
74
- error: l(t)
75
- });
76
- }, D = async (t, r, i) => {
77
- let a = !1;
78
- return await u(r, async () => {
79
- let e = await C(t, r);
80
- return [e, e.next_marker ? n : await w(t, r)];
81
- }, ([t, n]) => {
82
- m({
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) => E(i, e)), a;
90
- }, O = async () => {
91
- let t = y(), { namespaceFQN: n } = p.current;
92
- m({ type: e.BrowseFetchStart }), s(() => f.current.onNewViewLoading?.(!0)), await D(n, t, e.InitialLoadError), t.aborted || s(() => f.current.onNewViewLoading?.(!1));
93
- }, k = async (t) => {
94
- let n = y(), r = p.current;
95
- h.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
- canCreate: r.canCreateInCurrentNamespace
102
- }), m({
103
- type: e.NavigateTo,
104
- namespace: t
105
- }), m({ type: e.BrowseFetchStart }), s(() => f.current.onNewViewLoading?.(!0));
106
- let i = await D(t.id, n, e.BrowseError);
107
- n.aborted || (s(() => f.current.onNewViewLoading?.(!1)), i && s(() => f.current.onNamespaceChange?.(t.id)));
108
- }, A = (t) => {
109
- b();
110
- let n = h.current.get(t);
111
- n && (m({
112
- type: e.NavigateBack,
113
- fqn: t,
114
- cached: n
115
- }), s(() => f.current.onNamespaceChange?.(t)));
116
- }, j = (t) => {
117
- m({
118
- type: e.SearchValueChange,
119
- value: t
120
- });
121
- let n = c(t);
122
- if (n === "") {
123
- v.current.cancel(), S(), m({ type: e.SearchClear }), s(() => f.current.onSearchChange?.("")), s(() => f.current.onNewViewLoading?.(!1));
124
- return;
125
- }
126
- m({
127
- type: e.SearchFetchStart,
128
- query: n
129
- }), v.current(n);
130
- }, M = async () => {
131
- let { namespaceFQN: t, searchQuery: r, searchNextMarker: i, namespaceNextMarker: a, templateNextMarker: o, isNamespacesExhausted: s } = p.current, c = !!r, d = c && !!i, f = !c && !s && !!a, g = !c && !!o;
132
- if (!(d || f || g)) return;
133
- m({ type: e.LoadMoreStart });
134
- let _ = (t) => {
135
- m({
136
- type: e.LoadMoreError,
137
- error: l(t)
138
- });
139
- }, v = (e) => {
140
- let n = h.current.get(t);
141
- n && e(n);
142
- };
143
- if (d) {
144
- let t = x();
145
- await u(t, () => T(r, t, i), (t) => m({
146
- type: e.LoadMoreSearchLoaded,
147
- entries: t.entries,
148
- nextMarker: t.next_marker
149
- }), _);
150
- return;
151
- }
152
- if (f) {
153
- let r = y();
154
- await u(r, async () => {
155
- let e = await C(t, r, a);
156
- return [e, e.next_marker ? n : await w(t, r)];
157
- }, ([t, n]) => {
158
- let r = !t.next_marker;
159
- m({
160
- type: e.LoadMoreNamespacesLoaded,
161
- entries: t.entries,
162
- nextMarker: t.next_marker,
163
- ...r && {
164
- templates: n.entries,
165
- templateNextMarker: n.next_marker
166
- }
167
- }), v((e) => {
168
- e.namespaces = [...e.namespaces, ...t.entries], e.namespaceNextMarker = t.next_marker, e.isNamespacesExhausted = r, r && (e.templates = n.entries, e.templateNextMarker = n.next_marker);
169
- });
170
- }, _);
171
- return;
172
- }
173
- if (g) {
174
- let n = y();
175
- await u(n, () => w(t, n, o), (t) => {
176
- m({
177
- type: e.LoadMoreTemplatesLoaded,
178
- entries: t.entries,
179
- nextMarker: t.next_marker
180
- }), v((e) => {
181
- e.templates = [...e.templates, ...t.entries], e.templateNextMarker = t.next_marker;
182
- });
183
- }, _);
184
- }
185
- }, N = async (t) => {
186
- p.current.selectedTemplateId !== t.id && (m({
187
- type: e.TemplateSelect,
188
- template: t
189
- }), s(() => f.current.onTemplateSelect?.(t)));
190
- }, P = (e) => {
191
- s(() => f.current.onTemplateEdit?.(e));
192
- }, F = (e) => {
193
- s(() => f.current.onCreateTemplate?.(e));
194
- }, I = async () => {
195
- let { searchError: t, searchQuery: n, loadMoreError: r, initialLoadError: i, browseError: a, namespaceFQN: o } = p.current;
196
- if (t) {
197
- let t = x();
198
- m({
199
- type: e.SearchFetchStart,
200
- query: n
201
- }), s(() => f.current.onNewViewLoading?.(!0)), await u(t, () => T(n, t), (t) => m({
202
- type: e.SearchLoaded,
203
- results: t.entries,
204
- nextMarker: t.next_marker
205
- }), (t) => m({
206
- type: e.SearchError,
207
- error: l(t)
208
- })), t.aborted || s(() => f.current.onNewViewLoading?.(!1));
209
- return;
210
- }
211
- if (r) {
212
- await M();
213
- return;
214
- }
215
- if (i || a) {
216
- let t = y(), n = i ? e.InitialLoadError : e.BrowseError;
217
- m({ type: e.BrowseFetchStart }), s(() => f.current.onNewViewLoading?.(!0)), await D(o, t, n), t.aborted || s(() => f.current.onNewViewLoading?.(!1));
218
- }
219
- };
220
- return r(() => ({
221
- initialLoad: O,
222
- navigateTo: k,
223
- navigateBack: A,
224
- setSearchValue: j,
225
- loadMore: M,
226
- selectTemplate: N,
227
- editTemplate: P,
228
- createTemplate: F,
229
- retry: I
230
- }), []);
231
- }
232
- export { d as useTemplateBrowserActions };
1
+ import{BrowserActionType}from"./reducer.js";import{emptyNamespacesResponse,emptyTemplatesResponse}from"../constants.js";import{useMemo,useRef}from"react";import debounce from"lodash/debounce";var rejectOnAbort=signal=>new Promise((_,reject)=>{if(signal.aborted){reject(new DOMException(`Aborted`,`AbortError`));return}signal.addEventListener(`abort`,()=>reject(new DOMException(`Aborted`,`AbortError`)),{once:!0})}),callEventCallback=callback=>{try{let result=callback();result instanceof Promise&&result.catch(()=>void 0)}catch{}},normalizeSearchQuery=value=>value.trim().replaceAll(/\s+/g,` `),getErrorMessage=error=>error instanceof Error?error.message:typeof error==`string`?error:`An unknown error occurred`,runAbortable=async(signal,fetchFn,onSuccess,onError)=>{try{let result=await fetchFn();signal.aborted||onSuccess(result)}catch(error){signal.aborted||onError(error)}};function useTemplateBrowserActions(itemsServiceRef,eventServiceRef,stateRef,dispatch,levelCache){let browseAbortControllerRef=useRef(null),searchAbortControllerRef=useRef(null),debouncedSearchRef=useRef(debounce(async query=>{searchAbortControllerRef.current?.abort();let controller=new AbortController;searchAbortControllerRef.current=controller;let{signal}=controller;callEventCallback(()=>eventServiceRef.current.onSearchChange?.(query)),callEventCallback(()=>eventServiceRef.current.onNewViewLoading?.(!0)),await runAbortable(signal,()=>fetchSearchResults(query,signal),response=>dispatch({type:BrowserActionType.SearchLoaded,results:response.entries,nextMarker:response.next_marker}),error=>dispatch({type:BrowserActionType.SearchError,error:getErrorMessage(error)})),signal.aborted||callEventCallback(()=>eventServiceRef.current.onNewViewLoading?.(!1))},500)),startBrowseRequest=()=>{browseAbortControllerRef.current?.abort();let controller=new AbortController;return browseAbortControllerRef.current=controller,controller.signal},cancelBrowseRequest=()=>{browseAbortControllerRef.current?.abort(),browseAbortControllerRef.current=null},startSearchRequest=()=>{searchAbortControllerRef.current?.abort();let controller=new AbortController;return searchAbortControllerRef.current=controller,controller.signal},cancelSearchRequest=()=>{searchAbortControllerRef.current?.abort(),searchAbortControllerRef.current=null},fetchNamespaces=(fqn,signal,marker)=>{let fn=itemsServiceRef.current.getNamespaces;return fn?Promise.race([fn(fqn,{limit:200,marker,signal}),rejectOnAbort(signal)]):Promise.resolve(emptyNamespacesResponse)},fetchTemplates=(fqn,signal,marker)=>{let fn=itemsServiceRef.current.getTemplates;return fn?Promise.race([fn(fqn,{limit:200,marker,signal}),rejectOnAbort(signal)]):Promise.resolve(emptyTemplatesResponse)},fetchSearchResults=(query,signal,marker)=>{let fn=itemsServiceRef.current.getSearchResults;return fn?Promise.race([fn(query,{limit:200,marker,signal}),rejectOnAbort(signal)]):Promise.resolve(emptyTemplatesResponse)},dispatchError=(type,error)=>{dispatch({type,error:getErrorMessage(error)})},fetchBrowsePage=async(fqn,signal,errorAction)=>{let success=!1;return await runAbortable(signal,async()=>{let namespacesResponse=await fetchNamespaces(fqn,signal);return[namespacesResponse,namespacesResponse.next_marker?emptyTemplatesResponse:await fetchTemplates(fqn,signal)]},([namespacesResponse,templatesResponse])=>{dispatch({type:BrowserActionType.BrowseLoaded,namespaces:namespacesResponse.entries,namespaceNextMarker:namespacesResponse.next_marker,templates:templatesResponse.entries,templateNextMarker:templatesResponse.next_marker}),success=!0},error=>dispatchError(errorAction,error)),success},initialLoad=async()=>{let signal=startBrowseRequest(),{namespaceFQN}=stateRef.current;dispatch({type:BrowserActionType.BrowseFetchStart}),callEventCallback(()=>eventServiceRef.current.onNewViewLoading?.(!0)),await fetchBrowsePage(namespaceFQN,signal,BrowserActionType.InitialLoadError),signal.aborted||callEventCallback(()=>eventServiceRef.current.onNewViewLoading?.(!1))},navigateTo=async namespace=>{let signal=startBrowseRequest(),state=stateRef.current;levelCache.current.set(state.namespaceFQN,{namespaces:state.namespaces,templates:state.templates,namespaceNextMarker:state.namespaceNextMarker,templateNextMarker:state.templateNextMarker,isNamespacesExhausted:state.isNamespacesExhausted,canCreate:state.canCreateInCurrentNamespace}),dispatch({type:BrowserActionType.NavigateTo,namespace}),dispatch({type:BrowserActionType.BrowseFetchStart}),callEventCallback(()=>eventServiceRef.current.onNewViewLoading?.(!0));let success=await fetchBrowsePage(namespace.id,signal,BrowserActionType.BrowseError);signal.aborted||(callEventCallback(()=>eventServiceRef.current.onNewViewLoading?.(!1)),success&&callEventCallback(()=>eventServiceRef.current.onNamespaceChange?.(namespace.id)))},navigateBack=fqn=>{cancelBrowseRequest();let cached=levelCache.current.get(fqn);cached&&(dispatch({type:BrowserActionType.NavigateBack,fqn,cached}),callEventCallback(()=>eventServiceRef.current.onNamespaceChange?.(fqn)))},setSearchValue=value=>{dispatch({type:BrowserActionType.SearchValueChange,value});let normalizedQuery=normalizeSearchQuery(value);if(normalizedQuery===``){debouncedSearchRef.current.cancel(),cancelSearchRequest(),dispatch({type:BrowserActionType.SearchClear}),callEventCallback(()=>eventServiceRef.current.onSearchChange?.(``)),callEventCallback(()=>eventServiceRef.current.onNewViewLoading?.(!1));return}dispatch({type:BrowserActionType.SearchFetchStart,query:normalizedQuery}),debouncedSearchRef.current(normalizedQuery)},loadMore=async()=>{let{namespaceFQN,searchQuery,searchNextMarker,namespaceNextMarker,templateNextMarker,isNamespacesExhausted}=stateRef.current,isSearchMode=!!searchQuery,hasMoreSearchResults=isSearchMode&&!!searchNextMarker,hasMoreNamespaces=!isSearchMode&&!isNamespacesExhausted&&!!namespaceNextMarker,hasMoreTemplates=!isSearchMode&&!!templateNextMarker;if(!(hasMoreSearchResults||hasMoreNamespaces||hasMoreTemplates))return;dispatch({type:BrowserActionType.LoadMoreStart});let dispatchLoadMoreError=error=>{dispatch({type:BrowserActionType.LoadMoreError,error:getErrorMessage(error)})},updateCachedLevel=updater=>{let entry=levelCache.current.get(namespaceFQN);entry&&updater(entry)};if(hasMoreSearchResults){let signal=startSearchRequest();await runAbortable(signal,()=>fetchSearchResults(searchQuery,signal,searchNextMarker),response=>dispatch({type:BrowserActionType.LoadMoreSearchLoaded,entries:response.entries,nextMarker:response.next_marker}),dispatchLoadMoreError);return}if(hasMoreNamespaces){let signal=startBrowseRequest();await runAbortable(signal,async()=>{let namespacesResponse=await fetchNamespaces(namespaceFQN,signal,namespaceNextMarker);return[namespacesResponse,namespacesResponse.next_marker?emptyTemplatesResponse:await fetchTemplates(namespaceFQN,signal)]},([namespacesResponse,templatesResponse])=>{let namespacesExhausted=!namespacesResponse.next_marker;dispatch({type:BrowserActionType.LoadMoreNamespacesLoaded,entries:namespacesResponse.entries,nextMarker:namespacesResponse.next_marker,...namespacesExhausted&&{templates:templatesResponse.entries,templateNextMarker:templatesResponse.next_marker}}),updateCachedLevel(entry=>{entry.namespaces=[...entry.namespaces,...namespacesResponse.entries],entry.namespaceNextMarker=namespacesResponse.next_marker,entry.isNamespacesExhausted=namespacesExhausted,namespacesExhausted&&(entry.templates=templatesResponse.entries,entry.templateNextMarker=templatesResponse.next_marker)})},dispatchLoadMoreError);return}if(hasMoreTemplates){let signal=startBrowseRequest();await runAbortable(signal,()=>fetchTemplates(namespaceFQN,signal,templateNextMarker),response=>{dispatch({type:BrowserActionType.LoadMoreTemplatesLoaded,entries:response.entries,nextMarker:response.next_marker}),updateCachedLevel(entry=>{entry.templates=[...entry.templates,...response.entries],entry.templateNextMarker=response.next_marker})},dispatchLoadMoreError)}},selectTemplate=async template=>{stateRef.current.selectedTemplateId!==template.id&&(dispatch({type:BrowserActionType.TemplateSelect,template}),callEventCallback(()=>eventServiceRef.current.onTemplateSelect?.(template)))},editTemplate=templateId=>{callEventCallback(()=>eventServiceRef.current.onTemplateEdit?.(templateId))},createTemplate=namespaceFQN=>{callEventCallback(()=>eventServiceRef.current.onCreateTemplate?.(namespaceFQN))},retry=async()=>{let{searchError,searchQuery,loadMoreError,initialLoadError,browseError,namespaceFQN}=stateRef.current;if(searchError){let signal=startSearchRequest();dispatch({type:BrowserActionType.SearchFetchStart,query:searchQuery}),callEventCallback(()=>eventServiceRef.current.onNewViewLoading?.(!0)),await runAbortable(signal,()=>fetchSearchResults(searchQuery,signal),response=>dispatch({type:BrowserActionType.SearchLoaded,results:response.entries,nextMarker:response.next_marker}),error=>dispatch({type:BrowserActionType.SearchError,error:getErrorMessage(error)})),signal.aborted||callEventCallback(()=>eventServiceRef.current.onNewViewLoading?.(!1));return}if(loadMoreError){await loadMore();return}if(initialLoadError||browseError){let signal=startBrowseRequest(),errorAction=initialLoadError?BrowserActionType.InitialLoadError:BrowserActionType.BrowseError;dispatch({type:BrowserActionType.BrowseFetchStart}),callEventCallback(()=>eventServiceRef.current.onNewViewLoading?.(!0)),await fetchBrowsePage(namespaceFQN,signal,errorAction),signal.aborted||callEventCallback(()=>eventServiceRef.current.onNewViewLoading?.(!1))}};return useMemo(()=>({initialLoad,navigateTo,navigateBack,setSearchValue,loadMore,selectTemplate,editTemplate,createTemplate,retry}),[])}export{useTemplateBrowserActions};
@@ -1,32 +1 @@
1
- import { useEffect as e, useRef as t } from "react";
2
- var n = "[role=\"row\"]";
3
- function r({ containerRef: r, path: i, isFetching: a }) {
4
- let o = t(i), s = t(!1);
5
- e(() => {
6
- i !== o.current && (o.current = i, s.current = !0);
7
- let e = r.current;
8
- if (!s.current || a || !e) return;
9
- s.current = !1;
10
- let t = () => {
11
- let { activeElement: t, body: r } = e.ownerDocument;
12
- if (!(t === null || t === r || e.contains(t))) return !0;
13
- let i = e.querySelector(n);
14
- return i ? (i.focus(), !0) : !1;
15
- };
16
- if (t()) return;
17
- let c = new MutationObserver(() => {
18
- t() && c.disconnect();
19
- });
20
- return c.observe(e, {
21
- childList: !0,
22
- subtree: !0
23
- }), () => {
24
- c.disconnect();
25
- };
26
- }, [
27
- i,
28
- a,
29
- r
30
- ]);
31
- }
32
- export { r as useFocusFirstRowAfterNavigation };
1
+ import{useEffect,useRef}from"react";var FIRST_ROW_SELECTOR=`[role="row"]`;function useFocusFirstRowAfterNavigation({containerRef,path,isFetching}){let previousPathRef=useRef(path),isNavigationPendingRef=useRef(!1);useEffect(()=>{path!==previousPathRef.current&&(previousPathRef.current=path,isNavigationPendingRef.current=!0);let container=containerRef.current;if(!isNavigationPendingRef.current||isFetching||!container)return;isNavigationPendingRef.current=!1;let focusFirstRow=()=>{let{activeElement,body}=container.ownerDocument;if(!(activeElement===null||activeElement===body||container.contains(activeElement)))return!0;let firstRow=container.querySelector(FIRST_ROW_SELECTOR);return firstRow?(firstRow.focus(),!0):!1};if(focusFirstRow())return;let observer=new MutationObserver(()=>{focusFirstRow()&&observer.disconnect()});return observer.observe(container,{childList:!0,subtree:!0}),()=>{observer.disconnect()}},[path,isFetching,containerRef])}export{useFocusFirstRowAfterNavigation};
@@ -1,6 +1 @@
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;
5
- }
6
- export { r as useIsInitialBrowseLoading };
1
+ import{useBrowseState,useConsumerState,useNavigationState}from"../contexts/hooks.js";function useIsInitialBrowseLoading(){let{isLoading:isConsumerLoading}=useConsumerState(),{path}=useNavigationState(),{isFetching,namespaces,templates}=useBrowseState(),hasItems=namespaces.length>0||templates.length>0;return isConsumerLoading||isFetching&&!hasItems&&path.length===0}export{useIsInitialBrowseLoading};
@@ -1,21 +1 @@
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";
4
- import { TooltipProvider as r } from "@box/blueprint-web";
5
- import { jsx as i } from "react/jsx-runtime";
6
- function a({ enterpriseId: a, itemsService: o, eventService: s, isLoading: c, isDisabled: l, initialSelectedTemplateId: u, canCreateAtRoot: d, appliedTemplateIds: f }) {
7
- return /* @__PURE__ */ i(r, { children: /* @__PURE__ */ i(e, {
8
- appliedTemplateIds: f,
9
- isDisabled: l,
10
- isLoading: c,
11
- children: /* @__PURE__ */ i(t, {
12
- namespaceFQN: a,
13
- itemsService: o,
14
- eventService: s,
15
- initialSelectedTemplateId: u,
16
- canCreateAtRoot: d,
17
- children: /* @__PURE__ */ i(n, {})
18
- })
19
- }) });
20
- }
21
- export { a as MetadataTemplateBrowser };
1
+ import{ConsumerStateContextProvider}from"./contexts/contexts.js";import{MetadataTemplateBrowserProvider}from"./contexts/provider.js";import{t as MetadataTemplateBrowserController}from"../../chunks/metadata-template-browser-controller.js";import{TooltipProvider}from"@box/blueprint-web";import{jsx}from"react/jsx-runtime";function MetadataTemplateBrowser({enterpriseId,itemsService,eventService,isLoading,isDisabled,initialSelectedTemplateId,canCreateAtRoot,appliedTemplateIds}){return jsx(TooltipProvider,{children:jsx(ConsumerStateContextProvider,{appliedTemplateIds,isDisabled,isLoading,children:jsx(MetadataTemplateBrowserProvider,{namespaceFQN:enterpriseId,itemsService,eventService,initialSelectedTemplateId,canCreateAtRoot,children:jsx(MetadataTemplateBrowserController,{})})})})}export{MetadataTemplateBrowser};
package/package.json CHANGED
@@ -1,10 +1,10 @@
1
1
  {
2
2
  "name": "@box/metadata-template-browser",
3
- "version": "2.1.34",
3
+ "version": "2.1.36",
4
4
  "license": "SEE LICENSE IN LICENSE",
5
5
  "peerDependencies": {
6
- "@box/blueprint-web": "^16.13.0",
7
- "@box/blueprint-web-assets": "^5.5.9",
6
+ "@box/blueprint-web": "^16.13.2",
7
+ "@box/blueprint-web-assets": "^5.5.11",
8
8
  "lodash": "^4.17.15",
9
9
  "react": "^18.0.0",
10
10
  "react-aria-components": "1.16.0",
@@ -12,10 +12,10 @@
12
12
  "react-intl": "^6.4.2"
13
13
  },
14
14
  "devDependencies": {
15
- "@box/blueprint-web": "^16.13.0",
16
- "@box/blueprint-web-assets": "^5.5.9",
17
- "@box/eslint-plugin-blueprint": "2.1.10",
18
- "@box/storybook-utils": "1.1.33",
15
+ "@box/blueprint-web": "^16.13.2",
16
+ "@box/blueprint-web-assets": "^5.5.11",
17
+ "@box/eslint-plugin-blueprint": "2.1.11",
18
+ "@box/storybook-utils": "1.1.35",
19
19
  "react-intl": "^6.4.2"
20
20
  },
21
21
  "publishConfig": {