@apvee/spfx-react-toolkit 1.3.0 → 2.0.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/lib/core/atoms.internal.js +1 -1
- package/lib/core/atoms.internal.js.map +1 -1
- package/lib/core/context.internal.js +2 -2
- package/lib/core/context.internal.js.map +1 -1
- package/lib/core/provider-base.internal.js +29 -29
- package/lib/core/provider-base.internal.js.map +1 -1
- package/lib/extensions/spFxReactToolkitTest/SpFxReactToolkitTestApplicationCustomizer.js +8 -29
- package/lib/extensions/spFxReactToolkitTest/SpFxReactToolkitTestApplicationCustomizer.js.map +1 -1
- package/lib/hooks/index.d.ts +1 -0
- package/lib/hooks/index.d.ts.map +1 -1
- package/lib/hooks/index.js +1 -0
- package/lib/hooks/index.js.map +1 -1
- package/lib/hooks/useAppCatalogUrl.internal.d.ts +26 -0
- package/lib/hooks/useAppCatalogUrl.internal.d.ts.map +1 -0
- package/lib/hooks/useAppCatalogUrl.internal.js +72 -0
- package/lib/hooks/useAppCatalogUrl.internal.js.map +1 -0
- package/lib/hooks/useAsyncInvoke.internal.js +27 -75
- package/lib/hooks/useAsyncInvoke.internal.js.map +1 -1
- package/lib/hooks/useSPFxAadHttpClient.js +27 -27
- package/lib/hooks/useSPFxAadHttpClient.js.map +1 -1
- package/lib/hooks/useSPFxContainerInfo.js +5 -5
- package/lib/hooks/useSPFxContainerInfo.js.map +1 -1
- package/lib/hooks/useSPFxContainerSize.js +9 -10
- package/lib/hooks/useSPFxContainerSize.js.map +1 -1
- package/lib/hooks/useSPFxCorrelationInfo.js +6 -7
- package/lib/hooks/useSPFxCorrelationInfo.js.map +1 -1
- package/lib/hooks/useSPFxCrossSitePermissions.js +48 -58
- package/lib/hooks/useSPFxCrossSitePermissions.js.map +1 -1
- package/lib/hooks/useSPFxDisplayMode.js +8 -8
- package/lib/hooks/useSPFxDisplayMode.js.map +1 -1
- package/lib/hooks/useSPFxEnvironmentInfo.js +17 -18
- package/lib/hooks/useSPFxEnvironmentInfo.js.map +1 -1
- package/lib/hooks/useSPFxFluent9ThemeInfo.js +4 -4
- package/lib/hooks/useSPFxFluent9ThemeInfo.js.map +1 -1
- package/lib/hooks/useSPFxHttpClient.js +10 -10
- package/lib/hooks/useSPFxHttpClient.js.map +1 -1
- package/lib/hooks/useSPFxHubSiteInfo.js +21 -24
- package/lib/hooks/useSPFxHubSiteInfo.js.map +1 -1
- package/lib/hooks/useSPFxInstanceInfo.js +2 -2
- package/lib/hooks/useSPFxInstanceInfo.js.map +1 -1
- package/lib/hooks/useSPFxListInfo.js +8 -9
- package/lib/hooks/useSPFxListInfo.js.map +1 -1
- package/lib/hooks/useSPFxLocaleInfo.js +10 -10
- package/lib/hooks/useSPFxLocaleInfo.js.map +1 -1
- package/lib/hooks/useSPFxLogger.js +26 -26
- package/lib/hooks/useSPFxLogger.js.map +1 -1
- package/lib/hooks/useSPFxMSGraphClient.js +25 -25
- package/lib/hooks/useSPFxMSGraphClient.js.map +1 -1
- package/lib/hooks/useSPFxOneDriveAppData.js +148 -209
- package/lib/hooks/useSPFxOneDriveAppData.js.map +1 -1
- package/lib/hooks/useSPFxPageContext.js +2 -2
- package/lib/hooks/useSPFxPageContext.js.map +1 -1
- package/lib/hooks/useSPFxPageType.js +19 -20
- package/lib/hooks/useSPFxPageType.js.map +1 -1
- package/lib/hooks/useSPFxPerformance.js +33 -87
- package/lib/hooks/useSPFxPerformance.js.map +1 -1
- package/lib/hooks/useSPFxPermissions.js +14 -15
- package/lib/hooks/useSPFxPermissions.js.map +1 -1
- package/lib/hooks/useSPFxPnP.js +62 -119
- package/lib/hooks/useSPFxPnP.js.map +1 -1
- package/lib/hooks/useSPFxPnPContext.js +22 -25
- package/lib/hooks/useSPFxPnPContext.js.map +1 -1
- package/lib/hooks/useSPFxPnPList.js +307 -451
- package/lib/hooks/useSPFxPnPList.js.map +1 -1
- package/lib/hooks/useSPFxPnPSearch.js +262 -353
- package/lib/hooks/useSPFxPnPSearch.js.map +1 -1
- package/lib/hooks/useSPFxProperties.js +12 -20
- package/lib/hooks/useSPFxProperties.js.map +1 -1
- package/lib/hooks/useSPFxSPHttpClient.js +19 -19
- package/lib/hooks/useSPFxSPHttpClient.js.map +1 -1
- package/lib/hooks/useSPFxServiceScope.js +6 -6
- package/lib/hooks/useSPFxServiceScope.js.map +1 -1
- package/lib/hooks/useSPFxSiteInfo.js +7 -8
- package/lib/hooks/useSPFxSiteInfo.js.map +1 -1
- package/lib/hooks/useSPFxStorage.js +22 -22
- package/lib/hooks/useSPFxStorage.js.map +1 -1
- package/lib/hooks/useSPFxTeams.js +37 -92
- package/lib/hooks/useSPFxTeams.js.map +1 -1
- package/lib/hooks/useSPFxTenantKeyValueStore.d.ts +252 -0
- package/lib/hooks/useSPFxTenantKeyValueStore.d.ts.map +1 -0
- package/lib/hooks/useSPFxTenantKeyValueStore.js +572 -0
- package/lib/hooks/useSPFxTenantKeyValueStore.js.map +1 -0
- package/lib/hooks/useSPFxTenantProperty.d.ts +23 -244
- package/lib/hooks/useSPFxTenantProperty.d.ts.map +1 -1
- package/lib/hooks/useSPFxTenantProperty.js +85 -559
- package/lib/hooks/useSPFxTenantProperty.js.map +1 -1
- package/lib/hooks/useSPFxUserInfo.js +3 -4
- package/lib/hooks/useSPFxUserInfo.js.map +1 -1
- package/lib/hooks/useSPFxUserPhoto.js +76 -123
- package/lib/hooks/useSPFxUserPhoto.js.map +1 -1
- package/lib/utils/resize-observer.internal.js +6 -7
- package/lib/utils/resize-observer.internal.js.map +1 -1
- package/lib/utils/theme-subscription.internal.js +8 -8
- package/lib/utils/theme-subscription.internal.js.map +1 -1
- package/lib/utils/type-guards.internal.js +6 -6
- package/lib/utils/type-guards.internal.js.map +1 -1
- package/lib/webparts/spFxReactToolkitTest/SpFxReactToolkitTestWebPart.js +12 -37
- package/lib/webparts/spFxReactToolkitTest/SpFxReactToolkitTestWebPart.js.map +1 -1
- package/lib/webparts/spFxReactToolkitTest/components/SpFxReactToolkitTest.d.ts.map +1 -1
- package/lib/webparts/spFxReactToolkitTest/components/SpFxReactToolkitTest.js +277 -336
- package/lib/webparts/spFxReactToolkitTest/components/SpFxReactToolkitTest.js.map +1 -1
- package/lib/webparts/spFxReactToolkitTest/components/SpFxReactToolkitTest.module.scss.js +1 -1
- package/lib/webparts/spFxReactToolkitTest/components/SpFxReactToolkitTest.module.scss.js.map +1 -1
- package/lib/webparts/spFxReactToolkitTest/components/demos/HttpClientDemo.js +26 -86
- package/lib/webparts/spFxReactToolkitTest/components/demos/HttpClientDemo.js.map +1 -1
- package/lib/webparts/spFxReactToolkitTest/components/demos/PnPContextDemo.js +53 -113
- package/lib/webparts/spFxReactToolkitTest/components/demos/PnPContextDemo.js.map +1 -1
- package/lib/webparts/spFxReactToolkitTest/components/demos/PnPListDemo.js +49 -121
- package/lib/webparts/spFxReactToolkitTest/components/demos/PnPListDemo.js.map +1 -1
- package/lib/webparts/spFxReactToolkitTest/components/demos/PnPOperationsDemo.js +44 -103
- package/lib/webparts/spFxReactToolkitTest/components/demos/PnPOperationsDemo.js.map +1 -1
- package/lib/webparts/spFxReactToolkitTest/components/demos/PnPSearchAdvancedDemo.js +15 -15
- package/lib/webparts/spFxReactToolkitTest/components/demos/PnPSearchAdvancedDemo.js.map +1 -1
- package/lib/webparts/spFxReactToolkitTest/components/demos/PnPSearchBasicDemo.js +18 -66
- package/lib/webparts/spFxReactToolkitTest/components/demos/PnPSearchBasicDemo.js.map +1 -1
- package/lib/webparts/spFxReactToolkitTest/components/demos/PnPSearchRefinersDemo.js +9 -9
- package/lib/webparts/spFxReactToolkitTest/components/demos/PnPSearchRefinersDemo.js.map +1 -1
- package/lib/webparts/spFxReactToolkitTest/components/demos/PnPSearchSuggestionsDemo.js +37 -86
- package/lib/webparts/spFxReactToolkitTest/components/demos/PnPSearchSuggestionsDemo.js.map +1 -1
- package/lib/webparts/spFxReactToolkitTest/components/shared/InfoRow.js +6 -9
- package/lib/webparts/spFxReactToolkitTest/components/shared/InfoRow.js.map +1 -1
- package/lib/webparts/spFxReactToolkitTest/components/shared/StatusBadge.js +3 -6
- package/lib/webparts/spFxReactToolkitTest/components/shared/StatusBadge.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,72 +1,24 @@
|
|
|
1
|
-
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
|
|
2
|
-
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
|
3
|
-
return new (P || (P = Promise))(function (resolve, reject) {
|
|
4
|
-
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
|
|
5
|
-
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
|
|
6
|
-
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
|
7
|
-
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|
8
|
-
});
|
|
9
|
-
};
|
|
10
|
-
var __generator = (this && this.__generator) || function (thisArg, body) {
|
|
11
|
-
var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
|
|
12
|
-
return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
|
|
13
|
-
function verb(n) { return function (v) { return step([n, v]); }; }
|
|
14
|
-
function step(op) {
|
|
15
|
-
if (f) throw new TypeError("Generator is already executing.");
|
|
16
|
-
while (g && (g = 0, op[0] && (_ = 0)), _) try {
|
|
17
|
-
if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
|
|
18
|
-
if (y = 0, t) op = [op[0] & 2, t.value];
|
|
19
|
-
switch (op[0]) {
|
|
20
|
-
case 0: case 1: t = op; break;
|
|
21
|
-
case 4: _.label++; return { value: op[1], done: false };
|
|
22
|
-
case 5: _.label++; y = op[1]; op = [0]; continue;
|
|
23
|
-
case 7: op = _.ops.pop(); _.trys.pop(); continue;
|
|
24
|
-
default:
|
|
25
|
-
if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
|
|
26
|
-
if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
|
|
27
|
-
if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
|
|
28
|
-
if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
|
|
29
|
-
if (t[2]) _.ops.pop();
|
|
30
|
-
_.trys.pop(); continue;
|
|
31
|
-
}
|
|
32
|
-
op = body.call(thisArg, _);
|
|
33
|
-
} catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
|
|
34
|
-
if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
|
|
35
|
-
}
|
|
36
|
-
};
|
|
37
1
|
import * as React from 'react';
|
|
38
2
|
import { Stack, TextField, PrimaryButton, MessageBar, MessageBarType, Separator, Label, Icon, } from '@fluentui/react';
|
|
39
3
|
import { useSPFxPnPSearch } from '../../../../hooks';
|
|
40
4
|
/**
|
|
41
5
|
* Example 3: useSPFxPnPSearch - Basic Search
|
|
42
6
|
*/
|
|
43
|
-
export
|
|
44
|
-
|
|
45
|
-
|
|
7
|
+
export const PnPSearchBasicDemo = () => {
|
|
8
|
+
const [searchText, setSearchText] = React.useState('');
|
|
9
|
+
const { search, results, totalResults, loading, error, clearError, } = useSPFxPnPSearch({
|
|
46
10
|
pageSize: 10
|
|
47
|
-
})
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
return [4 /*yield*/, search(searchText)];
|
|
59
|
-
case 2:
|
|
60
|
-
_a.sent();
|
|
61
|
-
return [3 /*break*/, 4];
|
|
62
|
-
case 3:
|
|
63
|
-
err_1 = _a.sent();
|
|
64
|
-
console.error('Search error:', err_1);
|
|
65
|
-
return [3 /*break*/, 4];
|
|
66
|
-
case 4: return [2 /*return*/];
|
|
67
|
-
}
|
|
68
|
-
});
|
|
69
|
-
}); }, [searchText, search]);
|
|
11
|
+
});
|
|
12
|
+
const handleSearch = React.useCallback(async () => {
|
|
13
|
+
if (!searchText.trim())
|
|
14
|
+
return;
|
|
15
|
+
try {
|
|
16
|
+
await search(searchText);
|
|
17
|
+
}
|
|
18
|
+
catch (err) {
|
|
19
|
+
console.error('Search error:', err);
|
|
20
|
+
}
|
|
21
|
+
}, [searchText, search]);
|
|
70
22
|
return (React.createElement(Stack, { tokens: { childrenGap: 10 }, styles: { root: { padding: '16px', border: '1px solid #edebe9', borderRadius: '4px' } } },
|
|
71
23
|
React.createElement("h3", null,
|
|
72
24
|
React.createElement(Icon, { iconName: "Search", style: { marginRight: '8px' } }),
|
|
@@ -74,9 +26,9 @@ export var PnPSearchBasicDemo = function () {
|
|
|
74
26
|
React.createElement(Separator, null),
|
|
75
27
|
error && (React.createElement(MessageBar, { messageBarType: MessageBarType.error, onDismiss: clearError }, error.message)),
|
|
76
28
|
React.createElement(Stack, { horizontal: true, tokens: { childrenGap: 8 } },
|
|
77
|
-
React.createElement(TextField, { value: searchText, onChange:
|
|
29
|
+
React.createElement(TextField, { value: searchText, onChange: (_, newValue) => setSearchText(newValue ?? ''), placeholder: "Search SharePoint...", styles: { root: { flexGrow: 1 } }, onKeyDown: (e) => {
|
|
78
30
|
if (e.key === 'Enter') {
|
|
79
|
-
handleSearch().catch(
|
|
31
|
+
handleSearch().catch(err => console.error('Search error:', err));
|
|
80
32
|
}
|
|
81
33
|
} }),
|
|
82
34
|
React.createElement(PrimaryButton, { text: loading ? 'Searching...' : 'Search', onClick: handleSearch, disabled: !searchText.trim() || loading, iconProps: { iconName: 'Search' } })),
|
|
@@ -85,12 +37,12 @@ export var PnPSearchBasicDemo = function () {
|
|
|
85
37
|
totalResults,
|
|
86
38
|
" result",
|
|
87
39
|
totalResults !== 1 ? 's' : '')),
|
|
88
|
-
results.length > 0 ? (React.createElement(Stack, { tokens: { childrenGap: 6 } }, results.map(
|
|
40
|
+
results.length > 0 ? (React.createElement(Stack, { tokens: { childrenGap: 6 } }, results.map((result) => (React.createElement(Stack, { key: result.id, tokens: { childrenGap: 4 }, styles: { root: { padding: '10px', backgroundColor: '#faf9f8', borderRadius: '4px' } } },
|
|
89
41
|
React.createElement("div", { style: { fontWeight: 600 } }, result.data.Title || '(No Title)'),
|
|
90
42
|
React.createElement("a", { href: result.data.Path, target: "_blank", rel: "noopener noreferrer", style: { fontSize: '12px' } }, result.data.Path),
|
|
91
43
|
result.data.FileType && React.createElement(Label, null,
|
|
92
44
|
"Type: ",
|
|
93
|
-
result.data.FileType)))
|
|
45
|
+
result.data.FileType)))))) : totalResults === 0 ? (React.createElement(MessageBar, null, "No results found. Try a different query.")) : null,
|
|
94
46
|
React.createElement(Label, null,
|
|
95
47
|
React.createElement(Icon, { iconName: "InfoSolid", style: { marginRight: '4px', color: '#0078d4' } }),
|
|
96
48
|
"Simple text search. Try: \"document\", \"report\", \"ContentType:Document\"")));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PnPSearchBasicDemo.js","sourceRoot":"","sources":["../../../../../src/webparts/spFxReactToolkitTest/components/demos/PnPSearchBasicDemo.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"PnPSearchBasicDemo.js","sourceRoot":"","sources":["../../../../../src/webparts/spFxReactToolkitTest/components/demos/PnPSearchBasicDemo.tsx"],"names":[],"mappings":"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"}
|
|
@@ -4,14 +4,14 @@ import { useSPFxPnPSearch } from '../../../../hooks';
|
|
|
4
4
|
/**
|
|
5
5
|
* Example 5: Faceted Search with Refiners
|
|
6
6
|
*/
|
|
7
|
-
export
|
|
8
|
-
|
|
7
|
+
export const PnPSearchRefinersDemo = () => {
|
|
8
|
+
const { search, results, refiners, totalResults, loading, applyRefiner, error, clearError, } = useSPFxPnPSearch({
|
|
9
9
|
pageSize: 10,
|
|
10
10
|
selectProperties: ['Title', 'Path', 'FileType', 'Author'],
|
|
11
11
|
refiners: 'FileType,Author'
|
|
12
|
-
})
|
|
13
|
-
|
|
14
|
-
search('*').catch(
|
|
12
|
+
});
|
|
13
|
+
const handleSearch = React.useCallback(() => {
|
|
14
|
+
search('*').catch(err => console.error('Search error:', err));
|
|
15
15
|
}, [search]);
|
|
16
16
|
return (React.createElement(Stack, { tokens: { childrenGap: 10 }, styles: { root: { padding: '16px', border: '1px solid #edebe9', borderRadius: '4px' } } },
|
|
17
17
|
React.createElement("h3", null,
|
|
@@ -28,16 +28,16 @@ export var PnPSearchRefinersDemo = function () {
|
|
|
28
28
|
React.createElement(Stack, { horizontal: true, tokens: { childrenGap: 12 }, styles: { root: { alignItems: 'flex-start' } } },
|
|
29
29
|
refiners.length > 0 && (React.createElement(Stack, { tokens: { childrenGap: 8 }, styles: { root: { width: '200px', padding: '8px', backgroundColor: '#f3f2f1', borderRadius: '4px' } } },
|
|
30
30
|
React.createElement(Label, { style: { fontWeight: 600 } }, "Filters"),
|
|
31
|
-
refiners.map(
|
|
31
|
+
refiners.map((refiner) => (React.createElement(Stack, { key: refiner.name, tokens: { childrenGap: 2 } },
|
|
32
32
|
React.createElement(Label, null, refiner.name),
|
|
33
|
-
refiner.entries.slice(0, 5).map(
|
|
34
|
-
React.createElement(Stack, { tokens: { childrenGap: 6 }, styles: { root: { flexGrow: 1 } } }, results.length > 0 ? (results.map(
|
|
33
|
+
refiner.entries.slice(0, 5).map((entry) => (React.createElement(DefaultButton, { key: entry.value, text: `${entry.value} (${entry.count})`, onClick: () => applyRefiner(refiner.name, entry.value), styles: { root: { height: '28px', fontSize: '12px' } } })))))))),
|
|
34
|
+
React.createElement(Stack, { tokens: { childrenGap: 6 }, styles: { root: { flexGrow: 1 } } }, results.length > 0 ? (results.map((result) => (React.createElement(Stack, { key: result.id, tokens: { childrenGap: 2 }, styles: { root: { padding: '8px', backgroundColor: '#faf9f8', borderRadius: '4px' } } },
|
|
35
35
|
React.createElement("div", { style: { fontWeight: 600 } }, result.data.Title || '(No Title)'),
|
|
36
36
|
React.createElement(Label, null,
|
|
37
37
|
result.data.FileType,
|
|
38
38
|
" | ",
|
|
39
39
|
result.data.Author),
|
|
40
|
-
React.createElement("a", { href: result.data.Path, target: "_blank", rel: "noopener noreferrer", style: { fontSize: '11px' } }, result.data.Path)))
|
|
40
|
+
React.createElement("a", { href: result.data.Path, target: "_blank", rel: "noopener noreferrer", style: { fontSize: '11px' } }, result.data.Path))))) : (React.createElement(Label, null, "Click \"Search All Content\" to see results.")))),
|
|
41
41
|
React.createElement(Label, null,
|
|
42
42
|
React.createElement(Icon, { iconName: "InfoSolid", style: { marginRight: '4px', color: '#0078d4' } }),
|
|
43
43
|
"Faceted search with FileType and Author refiners. Click to filter/toggle.")));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PnPSearchRefinersDemo.js","sourceRoot":"","sources":["../../../../../src/webparts/spFxReactToolkitTest/components/demos/PnPSearchRefinersDemo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,KAAK,EACL,aAAa,EACb,aAAa,EACb,UAAU,EACV,cAAc,EACd,SAAS,EACT,KAAK,EACL,IAAI,GACL,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAErD;;GAEG;AACH,MAAM,CAAC,
|
|
1
|
+
{"version":3,"file":"PnPSearchRefinersDemo.js","sourceRoot":"","sources":["../../../../../src/webparts/spFxReactToolkitTest/components/demos/PnPSearchRefinersDemo.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,102 +1,54 @@
|
|
|
1
|
-
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
|
|
2
|
-
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
|
3
|
-
return new (P || (P = Promise))(function (resolve, reject) {
|
|
4
|
-
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
|
|
5
|
-
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
|
|
6
|
-
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
|
7
|
-
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|
8
|
-
});
|
|
9
|
-
};
|
|
10
|
-
var __generator = (this && this.__generator) || function (thisArg, body) {
|
|
11
|
-
var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
|
|
12
|
-
return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
|
|
13
|
-
function verb(n) { return function (v) { return step([n, v]); }; }
|
|
14
|
-
function step(op) {
|
|
15
|
-
if (f) throw new TypeError("Generator is already executing.");
|
|
16
|
-
while (g && (g = 0, op[0] && (_ = 0)), _) try {
|
|
17
|
-
if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
|
|
18
|
-
if (y = 0, t) op = [op[0] & 2, t.value];
|
|
19
|
-
switch (op[0]) {
|
|
20
|
-
case 0: case 1: t = op; break;
|
|
21
|
-
case 4: _.label++; return { value: op[1], done: false };
|
|
22
|
-
case 5: _.label++; y = op[1]; op = [0]; continue;
|
|
23
|
-
case 7: op = _.ops.pop(); _.trys.pop(); continue;
|
|
24
|
-
default:
|
|
25
|
-
if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
|
|
26
|
-
if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
|
|
27
|
-
if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
|
|
28
|
-
if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
|
|
29
|
-
if (t[2]) _.ops.pop();
|
|
30
|
-
_.trys.pop(); continue;
|
|
31
|
-
}
|
|
32
|
-
op = body.call(thisArg, _);
|
|
33
|
-
} catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
|
|
34
|
-
if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
|
|
35
|
-
}
|
|
36
|
-
};
|
|
37
1
|
import * as React from 'react';
|
|
38
2
|
import { Stack, TextField, MessageBar, MessageBarType, Separator, Label, Icon, } from '@fluentui/react';
|
|
39
3
|
import { useSPFxPnPSearch } from '../../../../hooks';
|
|
40
4
|
/**
|
|
41
5
|
* Example 6: Search Suggestions (Autocomplete)
|
|
42
6
|
*/
|
|
43
|
-
export
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
7
|
+
export const PnPSearchSuggestionsDemo = () => {
|
|
8
|
+
const [query, setQuery] = React.useState('');
|
|
9
|
+
const [suggestions, setSuggestions] = React.useState([]);
|
|
10
|
+
const { suggest } = useSPFxPnPSearch();
|
|
47
11
|
// Track if component is mounted to prevent state updates after unmount
|
|
48
|
-
|
|
12
|
+
const mountedRef = React.useRef(true);
|
|
49
13
|
// Cleanup on unmount
|
|
50
|
-
React.useEffect(
|
|
14
|
+
React.useEffect(() => {
|
|
51
15
|
mountedRef.current = true;
|
|
52
|
-
return
|
|
16
|
+
return () => {
|
|
53
17
|
mountedRef.current = false;
|
|
54
18
|
};
|
|
55
19
|
}, []);
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
if (mountedRef.current) {
|
|
74
|
-
setSuggestions(results);
|
|
75
|
-
}
|
|
76
|
-
return [3 /*break*/, 4];
|
|
77
|
-
case 3:
|
|
78
|
-
err_1 = _a.sent();
|
|
79
|
-
console.error('[PnPSearchSuggestions] Error:', err_1);
|
|
80
|
-
if (mountedRef.current) {
|
|
81
|
-
setSuggestions([]);
|
|
82
|
-
}
|
|
83
|
-
return [3 /*break*/, 4];
|
|
84
|
-
case 4: return [2 /*return*/];
|
|
20
|
+
const handleSuggest = React.useCallback(async (value) => {
|
|
21
|
+
if (!value || value.length < 2) {
|
|
22
|
+
if (mountedRef.current) {
|
|
23
|
+
setSuggestions([]);
|
|
24
|
+
}
|
|
25
|
+
return;
|
|
26
|
+
}
|
|
27
|
+
try {
|
|
28
|
+
const results = await suggest(value);
|
|
29
|
+
if (mountedRef.current) {
|
|
30
|
+
setSuggestions(results);
|
|
31
|
+
}
|
|
32
|
+
}
|
|
33
|
+
catch (err) {
|
|
34
|
+
console.error('[PnPSearchSuggestions] Error:', err);
|
|
35
|
+
if (mountedRef.current) {
|
|
36
|
+
setSuggestions([]);
|
|
85
37
|
}
|
|
86
|
-
}
|
|
87
|
-
}
|
|
38
|
+
}
|
|
39
|
+
}, [suggest]);
|
|
88
40
|
// Debounced suggest with proper cleanup
|
|
89
|
-
|
|
90
|
-
|
|
41
|
+
const debouncedSuggest = React.useMemo(() => {
|
|
42
|
+
let timeoutId;
|
|
91
43
|
// Return debounced function
|
|
92
|
-
|
|
44
|
+
const debounced = (value) => {
|
|
93
45
|
if (timeoutId !== undefined) {
|
|
94
46
|
clearTimeout(timeoutId);
|
|
95
47
|
}
|
|
96
|
-
timeoutId = window.setTimeout(
|
|
48
|
+
timeoutId = window.setTimeout(() => handleSuggest(value), 300);
|
|
97
49
|
};
|
|
98
50
|
// Cleanup function stored in the debounced function
|
|
99
|
-
debounced.cancel =
|
|
51
|
+
debounced.cancel = () => {
|
|
100
52
|
if (timeoutId !== undefined) {
|
|
101
53
|
clearTimeout(timeoutId);
|
|
102
54
|
timeoutId = undefined;
|
|
@@ -105,13 +57,12 @@ export var PnPSearchSuggestionsDemo = function () {
|
|
|
105
57
|
return debounced;
|
|
106
58
|
}, [handleSuggest]);
|
|
107
59
|
// Cleanup timeout on unmount
|
|
108
|
-
React.useEffect(
|
|
109
|
-
return
|
|
110
|
-
|
|
111
|
-
(_a = debouncedSuggest.cancel) === null || _a === void 0 ? void 0 : _a.call(debouncedSuggest);
|
|
60
|
+
React.useEffect(() => {
|
|
61
|
+
return () => {
|
|
62
|
+
debouncedSuggest.cancel?.();
|
|
112
63
|
};
|
|
113
64
|
}, [debouncedSuggest]);
|
|
114
|
-
|
|
65
|
+
const handleQueryChange = React.useCallback((value) => {
|
|
115
66
|
setQuery(value);
|
|
116
67
|
debouncedSuggest(value);
|
|
117
68
|
}, [debouncedSuggest]);
|
|
@@ -120,13 +71,13 @@ export var PnPSearchSuggestionsDemo = function () {
|
|
|
120
71
|
React.createElement(Icon, { iconName: "SearchBookmark", style: { marginRight: '8px' } }),
|
|
121
72
|
"Example 4: Search Suggestions (Autocomplete)"),
|
|
122
73
|
React.createElement(Separator, null),
|
|
123
|
-
React.createElement(TextField, { label: "Search with Autocomplete", value: query, onChange:
|
|
74
|
+
React.createElement(TextField, { label: "Search with Autocomplete", value: query, onChange: (_, newValue) => handleQueryChange(newValue ?? ''), placeholder: "Type at least 2 characters..." }),
|
|
124
75
|
suggestions.length > 0 ? (React.createElement(Stack, { tokens: { childrenGap: 2 }, styles: { root: { padding: '8px', backgroundColor: '#f3f2f1', borderRadius: '4px' } } },
|
|
125
76
|
React.createElement(Label, null,
|
|
126
77
|
"Suggestions (",
|
|
127
78
|
suggestions.length,
|
|
128
79
|
"):"),
|
|
129
|
-
suggestions.map(
|
|
80
|
+
suggestions.map((s, idx) => (React.createElement("div", { key: idx, style: { padding: '6px', backgroundColor: '#fff', borderRadius: '2px', cursor: 'pointer' }, onClick: () => setQuery(s) }, s))))) : query.length >= 2 ? (React.createElement(MessageBar, { messageBarType: MessageBarType.info }, "No suggestions available. This is normal in dev/test environments where there isn't enough indexed content. Try in a production environment with more search activity.")) : null,
|
|
130
81
|
React.createElement(Label, null,
|
|
131
82
|
React.createElement(Icon, { iconName: "InfoSolid", style: { marginRight: '4px', color: '#0078d4' } }),
|
|
132
83
|
"Real-time autocomplete with 300ms debounce. Requires indexed content and search activity.")));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PnPSearchSuggestionsDemo.js","sourceRoot":"","sources":["../../../../../src/webparts/spFxReactToolkitTest/components/demos/PnPSearchSuggestionsDemo.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"PnPSearchSuggestionsDemo.js","sourceRoot":"","sources":["../../../../../src/webparts/spFxReactToolkitTest/components/demos/PnPSearchSuggestionsDemo.tsx"],"names":[],"mappings":"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"}
|
|
@@ -5,13 +5,10 @@ import styles from '../SpFxReactToolkitTest.module.scss';
|
|
|
5
5
|
* Helper component for displaying labeled information rows
|
|
6
6
|
* with optional icon prefix
|
|
7
7
|
*/
|
|
8
|
-
export
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
":"),
|
|
15
|
-
React.createElement("span", null, value || 'N/A')));
|
|
16
|
-
};
|
|
8
|
+
export const InfoRow = ({ label, value, icon }) => (React.createElement("div", { className: styles.infoRow },
|
|
9
|
+
icon && React.createElement(Icon, { iconName: icon }),
|
|
10
|
+
React.createElement(Label, null,
|
|
11
|
+
label,
|
|
12
|
+
":"),
|
|
13
|
+
React.createElement("span", null, value || 'N/A')));
|
|
17
14
|
//# sourceMappingURL=InfoRow.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InfoRow.js","sourceRoot":"","sources":["../../../../../src/webparts/spFxReactToolkitTest/components/shared/InfoRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,MAAM,MAAM,qCAAqC,CAAC;AAczD;;;GAGG;AACH,MAAM,CAAC,
|
|
1
|
+
{"version":3,"file":"InfoRow.js","sourceRoot":"","sources":["../../../../../src/webparts/spFxReactToolkitTest/components/shared/InfoRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,MAAM,MAAM,qCAAqC,CAAC;AAczD;;;GAGG;AACH,MAAM,CAAC,MAAM,OAAO,GAA4B,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CAC1E,6BAAK,SAAS,EAAE,MAAM,CAAC,OAAO;IAC3B,IAAI,IAAI,oBAAC,IAAI,IAAC,QAAQ,EAAE,IAAI,GAAI;IACjC,oBAAC,KAAK;QAAE,KAAK;YAAU;IACvB,kCAAO,KAAK,IAAI,KAAK,CAAQ,CACzB,CACP,CAAC"}
|
|
@@ -5,10 +5,7 @@ import styles from '../SpFxReactToolkitTest.module.scss';
|
|
|
5
5
|
* Helper component for displaying status badges
|
|
6
6
|
* with success/error styling based on availability
|
|
7
7
|
*/
|
|
8
|
-
export
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
React.createElement(Icon, { iconName: available ? 'Completed' : 'ErrorBadge' }),
|
|
12
|
-
label));
|
|
13
|
-
};
|
|
8
|
+
export const StatusBadge = ({ available, label }) => (React.createElement("div", { className: `${styles.statusBadge} ${available ? styles.success : styles.error}` },
|
|
9
|
+
React.createElement(Icon, { iconName: available ? 'Completed' : 'ErrorBadge' }),
|
|
10
|
+
label));
|
|
14
11
|
//# sourceMappingURL=StatusBadge.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StatusBadge.js","sourceRoot":"","sources":["../../../../../src/webparts/spFxReactToolkitTest/components/shared/StatusBadge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AACvC,OAAO,MAAM,MAAM,qCAAqC,CAAC;AAYzD;;;GAGG;AACH,MAAM,CAAC,
|
|
1
|
+
{"version":3,"file":"StatusBadge.js","sourceRoot":"","sources":["../../../../../src/webparts/spFxReactToolkitTest/components/shared/StatusBadge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AACvC,OAAO,MAAM,MAAM,qCAAqC,CAAC;AAYzD;;;GAGG;AACH,MAAM,CAAC,MAAM,WAAW,GAAgC,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAChF,6BAAK,SAAS,EAAE,GAAG,MAAM,CAAC,WAAW,IAAI,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE;IAClF,oBAAC,IAAI,IAAC,QAAQ,EAAE,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,YAAY,GAAI;IACzD,KAAK,CACF,CACP,CAAC"}
|